// ==UserScript==
// @name all-search 全搜，搜索引擎快捷跳转，支持任意网站展示
// @version 1.3.11
// @description 2022-11-23更新 搜索辅助增强，任意跳转，无需代码适配，支持任意网站展示
// @author endday
// @license GPL-3.0-only
// @homepageURL https://github.com/endday/all-search
// @supportURL
// @noframes
// @include *
// @require https://unpkg.com/vue@3.2.33/dist/vue.global.prod.js
// @require https://unpkg.com/@popperjs/core@2.11.5/dist/umd/popper-lite.min.js
// @run-at document-body
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_addStyle
// @grant GM_getResourceText
// ==/UserScript==
(function() {
"use strict";
var name$1 = "all-search";
var version$1 = "1.3.11";
var keywords = [ "searchEngineJump", "tool", "tamperMonkey", "web", "javascript", "vue3" ];
var description = "A top fixed menu that allows you to jump between various search engines, build based on Vue, and use rollup.";
var author = "endday";
var homepage = "https://github.com/endday/all-search";
var license = "GPL-3.0-only";
var repository = {
type: "git",
url: "git@github.com:endday/all-search.git"
};
var scripts = {
serve: "vue-cli-service serve --fix",
tmServe: "vue-cli-service serve --fix --tm",
build: "vue-cli-service build",
lint: "vue-cli-service lint",
pretmBuild: "npm run lint",
tmDev: "cross-env NODE_ENV=development rollup -c -w",
tmBuild: "cross-env NODE_ENV=production rollup -c",
prepare: "husky install"
};
var dependencies = {
"@element-plus/icons-vue": "^2.0.4",
"@popperjs/core": "^2.9.2",
axios: "^0.21.1",
"core-js": "^3.9.1",
"element-plus": "^2.2.0",
jsoneditor: "^9.9.0",
"resize-observer-polyfill": "^1.5.1",
vue: "^3.2.36",
"vue-draggable-next": "^2.0.1",
"vue-router": "^4.0.5"
};
var devDependencies = {
"@commitlint/cli": "^17.1.2",
"@commitlint/config-conventional": "^17.1.0",
"@rollup/plugin-babel": "^5.3.1",
"@rollup/plugin-commonjs": "^22.0.0",
"@rollup/plugin-json": "^4.0.3",
"@rollup/plugin-node-resolve": "^13.3.0",
"@rollup/plugin-replace": "^4.0.0",
"@vitejs/plugin-vue": "^2.3.3",
"@vue/cli-plugin-babel": "^5.0.0",
"@vue/cli-plugin-eslint": "^5.0.0",
"@vue/cli-service": "^5.0.0",
"@vue/compiler-sfc": "^3.0.7",
autoprefixer: "^10.4.7",
"babel-eslint": "^10.1.0",
"babel-plugin-import": "^1.13.3",
"cross-env": "^7.0.3",
eslint: "^7.32.0",
"eslint-plugin-vue": "^7.7.0",
husky: "^8.0.1",
postcss: "^8.4.13",
rollup: "^2.72.1",
"rollup-plugin-delete": "^1.2.0",
"rollup-plugin-external-globals": "^0.6.1",
"rollup-plugin-styles": "^4.0.0",
"rollup-plugin-terser": "^5.2.0",
sass: "^1.32.8",
"sass-loader": "^10.1.1",
vite: "^2.6.7"
};
var pkg = {
name: name$1,
version: version$1,
keywords: keywords,
description: description,
author: author,
homepage: homepage,
license: license,
repository: repository,
scripts: scripts,
dependencies: dependencies,
devDependencies: devDependencies
};
Vue.reactive({
tmVersion: ""
});
const version = pkg.version;
function getQueryString(name, url) {
url = url || window.location.href;
const r = new RegExp("(\\?|#|&)" + name + "=([^&#]*)(&|#|$)");
const m = url.match(r);
return decodeURIComponent(!m ? "" : m[2]);
}
function getName(name) {
if (name) {
return `__allSearch__${name}`;
}
return null;
}
function isJson(str) {
if (typeof str !== "string") {
return false;
}
const char = str.charAt(0);
if (char !== "[" && char !== "{") {
return false;
}
try {
return typeof JSON.parse(str) === "object";
} catch (e) {
return false;
}
}
let getSession = function(name) {
const formatName = getName(name);
let item;
if (window.GM_getValue) {
item = window.GM_getValue(formatName);
} else {
item = window.localStorage.getItem(formatName);
}
if (item) {
if (isJson(item)) {
try {
return JSON.parse(item);
} catch (e) {
return item;
}
} else {
return item;
}
}
return null;
};
let setSession = function(name, value) {
const formatName = getName(name);
if (window.GM_setValue) {
window.GM_setValue(formatName, value);
} else {
const item = JSON.stringify(value);
if (item) {
window.localStorage.setItem(formatName, item);
}
}
};
function getAsRoot() {
return document.getElementById("all-search");
}
function createAsRoot() {
const el = document.createElement("div");
el.id = "all-search";
return el;
}
const scriptLoaded = getName("script-loaded");
const pageLoaded = getName("page-loaded");
function passTmMethods() {
const emit = function() {
document.dispatchEvent(new CustomEvent(scriptLoaded, {
detail: {
version: version,
getSession: getSession,
setSession: setSession
}
}));
};
document.addEventListener(pageLoaded, emit);
emit();
}
const isMobile = function() {
return /mobile|android|webos|iphone|ipod|blackberry|iphone os|ipad/i.test(navigator.userAgent);
};
function iconfont(e) {
var t, a, l, o, h, i, n = '', v = (v = document.getElementsByTagName("script"))[v.length - 1].getAttribute("data-injectcss");
if (v && !e.__iconfont__svg__cssinject__) {
e.__iconfont__svg__cssinject__ = !0;
try {
document.write("");
} catch (e) {
console && console.log(e);
}
}
function m() {
h || (h = !0, l());
}
t = function() {
var e, t, a;
(a = document.createElement("div")).innerHTML = n, n = null, (t = a.getElementsByTagName("svg")[0]) && (t.setAttribute("aria-hidden", "true"),
t.style.position = "absolute", t.style.width = 0, t.style.height = 0, t.style.overflow = "hidden",
e = t, (a = document.body).firstChild ? (t = a.firstChild).parentNode.insertBefore(e, t) : a.appendChild(e));
}, document.addEventListener ? ~[ "complete", "loaded", "interactive" ].indexOf(document.readyState) ? setTimeout(t, 0) : (a = function() {
document.removeEventListener("DOMContentLoaded", a, !1), t();
}, document.addEventListener("DOMContentLoaded", a, !1)) : document.attachEvent && (l = t,
o = e.document, h = !1, (i = function() {
try {
o.documentElement.doScroll("left");
} catch (e) {
return void setTimeout(i, 50);
}
m();
})(), o.onreadystatechange = function() {
"complete" == o.readyState && (o.onreadystatechange = null, m());
});
}
function delAsDataSet(item) {
if (item.dataset) {
delete item.dataset.asMarginTop;
delete item.dataset.asTransform;
delete item.dataset.asBorderTop;
}
}
function getParent(el) {
let current = el;
while (current.offsetParent) {
if (current.offsetParent.tagName === "BODY") {
return current;
} else {
current = current.offsetParent;
}
}
const style = window.getComputedStyle(current);
if (style.position !== "fixed") {
delAsDataSet(current);
return null;
}
return current;
}
function getRealFixedNode(item) {
const style = window.getComputedStyle(item);
const position = style.getPropertyValue("position");
const display = style.getPropertyValue("display");
if (display === "none") {
return null;
} else if (position === "fixed") {
return item;
} else if (position === "absolute") {
return getParent(item);
} else {
return null;
}
}
function changeStyle(item) {
if (!item) {
return;
}
const style = window.getComputedStyle(item);
const styleMap = item.computedStyleMap && item.computedStyleMap();
const top = styleMap ? styleMap.get("top").value : null;
if (top === "auto") {
return;
}
if (item.dataset.asMarginTop || item.dataset.asTransform || item.dataset.asBorderTop) {
return;
}
const marginTop = style.marginTop;
const transform = style.transform;
if (marginTop === "0px") {
item.dataset.asMarginTop = "1";
} else if (transform === "none") {
item.dataset.asTransform = "1";
} else {
item.dataset.asBorderTop = "1";
}
item.dataset.asHasSet = (parseInt(item.dataset.asHasSet) || 0) + 1;
}
let isSelfChange = false;
function getFixedNodeList(list, deep = false) {
const weakSet = new WeakSet;
const newList = [];
const nodes = list.filter(item => item).map(item => {
delAsDataSet(item);
if (deep) {
const nodes = Array.from(item.querySelectorAll("*"));
nodes.map(item => {
delAsDataSet(item);
return getRealFixedNode(item);
}).filter(item => item).forEach(item => {
if (!weakSet.has(item)) {
newList.push(item);
weakSet.add(item);
}
});
}
return getRealFixedNode(item);
}).filter(item => item);
nodes.forEach(item => {
if (!weakSet.has(item)) {
newList.push(item);
weakSet.add(item);
}
});
return newList;
}
function fixedDomPosition() {
const nodes = Array.from(document.body.querySelectorAll("*")).filter(item => item.tagName !== "STYLE");
getFixedNodeList(nodes).forEach(item => {
changeStyle(item);
});
}
function mutationObserver() {
const targetNode = document;
const config = {
attributes: true,
childList: true,
subtree: true,
attributeFilter: [ "style", "class" ]
};
const callback = function(mutationsList) {
if (isSelfChange) {
isSelfChange = false;
} else {
isSelfChange = true;
const filterNodes = mutationsList.filter(mutation => mutation.type === "attributes" && [ "style", "class", "id" ].includes(mutation.attributeName) || mutation.type === "childList" && mutation.addedNodes.length && ![ "BODY", "STYLE" ].includes(mutation.target.tagName)).map(mutation => mutation.target);
getFixedNodeList(filterNodes, true).forEach(item => {
changeStyle(item);
});
}
};
const observer = new MutationObserver(callback);
observer.observe(targetNode, config);
}
function initSpecialStyle() {
fixedDomPosition();
mutationObserver();
}
function withHookBefore(originalFn, hookFn) {
return function() {
if (hookFn.apply(this, arguments) === false) {
return;
}
return originalFn.apply(this, arguments);
};
}
function withHookAfter(originalFn, hookFn) {
return function() {
const output = originalFn.apply(this, arguments);
hookFn.apply(this, arguments);
return output;
};
}
const protectStyle = function() {
if (Node.prototype.__as_hooks__) {
return;
}
Node.prototype.removeChild = withHookBefore(Node.prototype.removeChild, e => {
if (e && e.tagName === "STYLE") {
return !(e.classList.contains("as-icon") || e.classList.contains("as-style") || e.classList.contains("elPopover") || e.classList.contains("elScrollbar"));
}
return true;
});
Node.prototype.__as_hooks__ = true;
};
const changeBodyStyle = function(modeRef, remove = true) {
const mode = Vue.unref(modeRef);
const el = getAsRoot();
el.classList.remove("body-vertical", "body-horizontal");
if (!remove) {
el.classList.add(`body-${mode}`);
}
};
var search = [ {
nameZh: "百度",
url: "https://www.baidu.com/s?wd=%s&ie=utf-8"
}, {
nameZh: "谷歌",
url: "https://www.google.com/search?q=%s&ie=utf-8&oe=utf-8"
}, {
nameZh: "必应",
url: "https://cn.bing.com/search?q=%s"
}, {
nameZh: "DDG",
url: "https://duckduckgo.com/?q=%s"
}, {
nameZh: "头条搜索",
url: "https://so.toutiao.com/search?dvpf=pc&keyword=%s"
}, {
nameZh: "360",
url: "https://www.so.com/s?ie=utf-8&q=%s"
}, {
nameZh: "搜狗",
url: "https://www.sogou.com/web?query=%s"
}, {
nameZh: "Yandex",
url: "https://yandex.com/search/?text=%s"
} ];
var translate = [ {
nameZh: "百度翻译",
url: "http://fanyi.baidu.com/#auto/zh/%s"
}, {
nameZh: "DeepL",
url: "https://www.deepl.com/translator#zh/en/%s",
icon: "https://www.deepl.com/img/favicon/favicon_96.png"
}, {
nameZh: "谷歌翻译",
url: "https://translate.google.com/?q=%s"
}, {
nameZh: "有道词典",
url: "http://dict.youdao.com/search?q=%s",
icon: "https://shared.ydstatic.com/images/favicon.ico"
}, {
nameZh: "必应翻译",
url: "http://cn.bing.com/dict/search?q=%s"
} ];
var developer = [ {
nameZh: "开发者搜索",
url: "https://kaifa.baidu.com/searchPage?wd=%s&module=SEARCH"
}, {
nameZh: "MDN",
url: "https://developer.mozilla.org/zh-CN/search?q=%s"
}, {
nameZh: "stackoverflow",
url: "https://stackoverflow.com/search?q=%s"
}, {
nameZh: "掘金",
url: "https://juejin.cn/search?query=%s"
}, {
nameZh: "Can I Use",
url: "http://caniuse.com/#search=%s",
icon: "https://caniuse.com/img/favicon-128.png"
}, {
nameZh: "GitHub",
url: "https://github.com/search?utf8=✓&q=%s"
}, {
nameZh: "w3c",
url: "http://www.runoob.com/?s=%s"
}, {
nameZh: "GreasyFork",
url: "https://greasyfork.org/zh-CN/scripts?q=%s&utf8=✓",
icon: "https://greasyfork.org/packs/media/images/blacklogo96-b2384000fca45aa17e45eb417cbcbb59.png"
} ];
var video = [ {
nameZh: "bilibili",
url: "http://search.bilibili.com/all?keyword=%s"
}, {
nameZh: "腾讯视频",
url: "https://v.qq.com/x/search/?q=%s"
}, {
nameZh: "爱奇艺",
url: "http://so.iqiyi.com/so/q_%s",
icon: "https://www.iqiyi.com/favicon.ico"
}, {
nameZh: "youtube",
url: "https://www.youtube.com/results?search_query=%s"
}, {
nameZh: "优酷",
url: "http://www.soku.com/search_video/q_%s",
icon: "https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png"
}, {
nameZh: "AcFun",
url: "https://www.acfun.cn/search?keyword=%s"
}, {
nameZh: "搜狐",
url: "http://so.tv.sohu.com/mts?wd=%s"
}, {
nameZh: "niconico",
url: "http://www.nicovideo.jp/search/%s"
} ];
var music = [ {
nameZh: "网易音乐",
url: "http://music.163.com/#/search/m/?s=%s",
icon: "https://s1.music.126.net/style/favicon.ico"
}, {
nameZh: "一听",
url: "http://so.1ting.com/all.do?q=%s"
}, {
nameZh: "QQ音乐",
url: "https://y.qq.com/portal/search.html#page=1&searchid=1&remoteplace=txt.yqq.top&t=song&w=%s"
}, {
nameZh: "百度音乐",
url: "http://music.baidu.com/search?ie=utf-8&oe=utf-8&key=%s"
}, {
nameZh: "酷我音乐",
url: "http://sou.kuwo.cn/ws/NSearch?type=all&key=%s"
}, {
nameZh: "酷狗",
url: "http://search.5sing.kugou.com/?keyword=%s"
} ];
var news = [ {
nameZh: "谷歌中文",
url: "https://news.google.com/search?q=%s&hl=zh-CN&gl=CN&ceid=CN:zh-Hans",
icon: "https://www.google.com/favicon.ico"
}, {
nameZh: "百度新闻",
url: "http://news.baidu.com/ns?word=%s&tn=news&from=news&cl=2&rn=20&ct=1",
icon: "https://www.baidu.com/favicon.ico"
}, {
nameZh: "网易-百度",
url: "https://www.baidu.com/s?wd=%s%20site%3Anews.163.com"
}, {
nameZh: "腾讯新闻",
url: "https://www.sogou.com/sogou?site=news.qq.com&query=%s"
}, {
nameZh: "凤凰新闻",
url: "https://so.ifeng.com/?q=%s&c=1"
}, {
nameZh: "CNN",
url: "https://edition.cnn.com/search/?q=%s"
}, {
nameZh: "BBC",
url: "https://www.bbc.co.uk/search?q=%s"
}, {
nameZh: "今日头条",
url: "https://www.toutiao.com/search/?keyword=%s"
} ];
var social = [ {
nameZh: "知乎",
url: "https://www.zhihu.com/search?q=%s&type=content"
}, {
nameZh: "推特",
url: "https://twitter.com/search/%s"
}, {
nameZh: "豆瓣",
url: "https://www.douban.com/search?source=suggest&q=%s"
}, {
nameZh: "百度贴吧",
url: "https://tieba.baidu.com/f?kw=%s&ie=utf-8"
}, {
nameZh: "新浪微博",
url: "https://s.weibo.com/weibo?q=%s"
}, {
nameZh: "脸书",
url: "https://www.facebook.com/search/results.php?q=%s"
}, {
nameZh: "微信搜索",
url: "http://weixin.sogou.com/weixin?ie=utf8&type=2&query=%s"
} ];
var knowledge = [ {
nameZh: "维基",
url: "http://zh.wikipedia.org/wiki/%s"
}, {
nameZh: "百度百科",
url: "http://baike.baidu.com/search/word?pic=1&sug=1&word=%s"
}, {
nameZh: "百度文库",
url: "http://wenku.baidu.com/search?word=%s&ie=utf-8"
}, {
nameZh: "豆丁文档",
url: "http://www.docin.com/search.do?searchcat=2&searchType_banner=p&nkey=%s"
}, {
nameZh: "爱问知识",
url: "http://iask.sina.com.cn/search?searchWord=%s"
}, {
nameZh: "萌娘百科",
url: "https://zh.moegirl.org.cn/index.php?search=%s",
icon: "https://zh.moegirl.org.cn/favicon.ico"
}, {
nameZh: "果壳",
url: "http://www.guokr.com/search/all/?wd=%s"
}, {
nameZh: "Quora",
url: "https://www.quora.com/search?q=%s"
} ];
var image = [ {
nameZh: "谷歌图片",
url: "https://www.google.com/search?q=%s&tbm=isch"
}, {
nameZh: "百度图片",
url: "http://image.baidu.com/search/index?tn=baiduimage&ie=utf-8&word=%s"
}, {
nameZh: "必应图片",
url: "https://www.bing.com/images/search?q=%s"
}, {
nameZh: "搜狗图片",
url: "https://pic.sogou.com/pics?query=%s"
}, {
nameZh: "pixiv",
url: "http://www.pixiv.net/search.php?word=%s"
}, {
nameZh: "flickr",
url: "http://www.flickr.com/search/?q=%s"
}, {
nameZh: "花瓣",
url: "http://huaban.com/search/?q=%s"
}, {
nameZh: "Pinterest",
url: "https://www.pinterest.com/search/pins/?q=%s&rs=typed&term_meta"
}, {
nameZh: "yandex",
url: "https://yandex.com/images/search?text=%s"
}, {
nameZh: "pixabay",
url: "https://pixabay.com/images/search/%s/",
icon: "https://pixabay.com/favicon-32x32.png"
}, {
nameZh: "unsplash",
url: "https://unsplash.com/s/photos/%s"
} ];
var shopping = [ {
nameZh: "淘宝",
url: "http://s.taobao.com/search?q=%s",
icon: "https://www.taobao.com/favicon.ico"
}, {
nameZh: "京东",
url: "http://search.jd.com/search?keyword=%s&enc=utf-8",
icon: "https://www.jd.com/favicon.ico"
}, {
nameZh: "苏宁",
url: "https://search.suning.com/%s/"
}, {
nameZh: "亚马逊",
url: "http://www.amazon.cn/s/ref=nb_sb_noss?field-keywords=%s",
icon: "https://www.amazon.cn/favicon.ico"
}, {
nameZh: "天猫",
url: "http://list.tmall.com/search_product.htm?q=%s"
}, {
nameZh: "值得买",
url: "http://search.smzdm.com/?c=home&s=%s"
}, {
nameZh: "当当网",
url: "http://search.dangdang.com/?key=%s"
}, {
nameZh: "1688",
url: "https://s.1688.com/selloffer/offer_search.htm?keywords=%s"
} ];
var disk = [ {
nameZh: "百度网盘",
url: "https://pan.baidu.com/disk/home?#/search?key=%s"
}, {
nameZh: "大力盘",
url: "https://www.dalipan.com/search?keyword=%s"
}, {
nameZh: "大圣盘",
url: "https://www.dashengpan.com/search?keyword=%s"
}, {
nameZh: "罗马盘",
url: "https://www.luomapan.com/search?keyword=%s"
}, {
nameZh: "小白盘",
url: "https://www.xiaobaipan.com/list-%s.html?from=1"
}, {
nameZh: "56网盘",
url: "https://www.56wangpan.com/search/kw%s"
} ];
const list$2 = [ {
nameZh: "搜索",
name: "search",
list: search
}, {
nameZh: "翻译",
name: "translate",
list: translate
}, {
nameZh: "视频",
name: "video",
list: video
}, {
nameZh: "购物",
name: "shopping",
list: shopping
}, {
nameZh: "音乐",
name: "music",
list: music
}, {
nameZh: "开发",
name: "developer",
list: developer
}, {
nameZh: "新闻",
name: "news",
list: news
}, {
nameZh: "社交",
name: "social",
list: social
}, {
nameZh: "百科",
name: "knowledge",
list: knowledge
}, {
nameZh: "图片",
name: "image",
list: image
}, {
nameZh: "网盘",
name: "disk",
list: disk
}, {
nameZh: "常用",
name: "personal",
list: []
} ].map(item => ({
...item,
data: {
visible: true
},
list: item.list.map(child => ({
...child,
data: {
visible: true
}
}))
}));
function initSites(type) {
let sitesData = list$2;
const localSites = getSession("sites");
if (localSites) {
sitesData = localSites;
}
if (type === "tm") {
sitesData = sitesData.filter(item => Array.isArray(item.list) && item.list.length > 0 && item.data && item.data.visible).map(item => ({
...item,
show: false
}));
}
return sitesData;
}
const width = 100;
const list$1 = [ {
url: /\/\/www\.google\.com(.hk)?\/search/
}, {
url: /\/\/www\.baidu\.com\/(s|baidu)\?/
}, {
url: /\/\/[^.]*\.bing\.com\/search/
}, {
url: /\/\/duckduckgo\.com\/*/
}, {
url: /\/\/searx\.me\/\?q/
}, {
url: /\/\/www\.sogou\.com\/(?:web|s)/,
selectors: "#upquery"
}, {
url: /\/\/yandex\.com\/search/
}, {
url: /\/\/google\.infinitynewtab\.com\/\?q/
}, {
url: /\/\/baike\.baidu\.com\/item/
}, {
url: /\/\/baike\.baidu\.com\/search/
}, {
url: /\/\/wenku\.baidu\.com\/search/
}, {
url: /\/\/zhidao\.baidu\.com\/search/
}, {
url: /\/\/\D{2,5}\.wikipedia\.org\/wiki/
}, {
url: /\/\/www\.zhihu\.com\/search\?/
}, {
url: /\/\/www\.so\.com\/s/
}, {
url: /\/\/so\.baike\.com\/doc/
}, {
url: /\/\/www\.baike\.com\/wiki/
}, {
url: /\/\/www\.docin\.com\/search\.do/
}, {
url: /\/\/zhihu\.sogou\.com\/zhihu/,
selectors: "#upquery"
}, {
url: /\/\/weixin\.sogou\.com\/weixin\?/,
style: {
2: `.headsearch#scroll-header { left:unset; }`
}
}, {
url: /\/\/www\.quora\.com\/search\?/
}, {
url: /\/\/stackoverflow\.com\/search\?/,
style: {
2: `.top-bar._fixed { right: ${width}px }`
}
}, {
url: /\/\/search\.bilibili\.com\/all/,
selectors: ".search-input-el"
}, {
url: /\/\/www\.acfun\.cn\/search/,
selectors: ".search-text--standalone"
}, {
url: /\/\/www\.youtube\.com\/results/,
style: {
2: `ytd-app {margin-left:${width}px !important;}ytd-mini-guide-renderer.ytd-app, app-drawer{left:${width}px !important;}#masthead-container.ytd-app {width: calc(100% - 100px);}`
}
}, {
url: /\/\/www\.nicovideo\.jp\/search\//
}, {
url: /\/\/so\.iqiyi\.com\/so\/q/
}, {
url: /\/\/v\.qq\.com\/x\/search/
}, {
url: /\/\/music\.baidu\.com\/search/
}, {
url: /\/\/so\.1ting\.com\/all\.do/
}, {
url: /\/\/s\.music\.qq\.com/
}, {
url: /\/\/music\.163\.com\/.*?#\/search/
}, {
url: /\/\/image\.baidu\.com\/search/
}, {
url: /\/\/\w{2,10}\.google(?:\.\D{1,3}){1,2}\/[^?]+\?.*&tbm=isch/
}, {
url: /\/\/.*\.bing\.com\/images\/search/
}, {
url: /\/\/www\.flickr\.com\/search\//
}, {
url: /^http:\/\/www\.pixiv\.net\/search\.php/
}, {
url: /\/\/huaban\.com\/search\?/
}, {
url: /\/\/www\.pinterest\.com\/search\//
}, {
url: /\/\/thepiratebay\.org\/search/
}, {
url: /\/\/subhd\.tv\/search/
}, {
url: /\/\/translate\.google(?:\.\D{1,4}){1,2}/
}, {
url: /\/\/fanyi\.baidu\.com/
}, {
url: /\/\/.*\.bing\.com\/dict\/search\?q=/
}, {
url: /\/\/dict\.youdao\.com\/search/
}, {
url: /\/\/dict\.youdao\.com\/w/
}, {
url: /\/\/dict\.cn\/./
}, {
url: /\/\/s\.taobao\.com\/search/
}, {
url: /\/\/list\.tmall\.com\/search_product\.htm.*from=chaoshi/
}, {
url: /\/\/list\.tmall\.com\/search_product\.htm/
}, {
url: /\/\/search\.jd\.com\/search/
}, {
url: /\/\/search\.suning\.com/
}, {
url: /\/\/search\.smzdm\.com\/\?/
}, {
url: /\/\/s\.weibo\.com\/weibo\?q=/
}, {
url: /\/\/tieba\.baidu\.com\/f\/search/
}, {
url: /\/\/(movie|music|book)\.douban\.com\/subject_search?/
}, {
url: /\/\/www\.douban\.com\/search/
}, {
url: /\/\/xueshu\.baidu\.com\/(?:s|baidu)/,
style: {
2: `#left_menu_content { left: ${width}px !important;}`
}
}, {
url: /\/\/scholar\.google(?:\.\D{1,3}){1,2}\/scholar\?/
}, {
url: /\/\/github\.com\/search/
}, {
url: /\/\/www\.startpage\.com\/sp\/search/
}, {
url: /\/\/endday\.github\.io/,
invisible: true
}, {
url: /\/\/endday\.gitee\.io/,
invisible: true
} ];
const routerChange = cb => {
history.pushState = withHookAfter(history.pushState, cb);
history.replaceState = withHookAfter(history.replaceState, cb);
window.addEventListener("popstate", cb);
window.addEventListener("yt-navigate-finish", cb);
window.addEventListener("hashchange", cb);
};
let site = Vue.reactive(getSite());
function getMenuItem() {
let targetItem = null;
let urlObj = null;
const curItem = new URL(window.location.href);
initSites("tm").some(category => {
category.list.find(item => {
const menuItem = new URL(item.url);
if (menuItem.hostname === curItem.hostname && menuItem.pathname === curItem.pathname) {
targetItem = item;
urlObj = menuItem;
}
});
});
if (urlObj) {
for (const key of urlObj.searchParams.keys()) {
if (!curItem.searchParams.has(key)) {
targetItem = null;
}
}
}
return targetItem;
}
function getSite() {
const target = list$1.find(item => item.url.test(window.location.href.toLowerCase()));
const menuItem = getMenuItem();
if (target) {
return {
url: target.url,
invisible: !!target.invisible,
disabled: !!target.disabled,
style: target.style,
selectors: target.selectors,
query: target.query
};
} else if (menuItem) {
return {
url: menuItem.url,
invisible: false,
disabled: false,
style: menuItem.style,
selectors: menuItem.selectors,
query: menuItem.query
};
}
return {
url: "",
invisible: true,
disabled: true,
style: {},
selectors: null,
query: null
};
}
routerChange(() => {
const newSite = getSite();
Object.keys(site).forEach(key => {
site[key] = newSite[key] || "";
});
});
const isFullScreenRef = Vue.ref(false);
function isFullScreen() {
return document.fullscreen || document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement;
}
function onFullScreenChange(handler) {
const handleResize = function() {
if (!isFullScreen()) {
handler();
}
};
document.addEventListener("fullscreenchange", handler);
document.addEventListener("webkitfullscreenchange", handler);
document.addEventListener("mozfullscreenchange", handler);
document.addEventListener("MSFullscreenChange", handler);
document.addEventListener("resize", handleResize);
return () => {
document.removeEventListener("fullscreenchange", handler);
document.removeEventListener("webkitfullscreenchange", handler);
document.removeEventListener("mozfullscreenchange", handler);
document.removeEventListener("MSFullscreenChange", handler);
document.removeEventListener("resize", handleResize);
};
}
function useFullScreen() {
const removeListener = onFullScreenChange(() => {
isFullScreenRef.value = isFullScreen();
});
Vue.onUnmounted(() => {
removeListener();
});
return {
isFullScreen: isFullScreenRef
};
}
const session$3 = getSession("mode");
const getMode = val => {
if (![ "vertical", "horizontal" ].includes(val)) {
return "horizontal";
}
return val;
};
const modeRef = Vue.ref(getMode(session$3));
const mode = Vue.computed({
get: () => modeRef.value,
set: val => {
modeRef.value = val;
setSession("mode", getMode(val));
}
});
function useMode() {
return {
mode: mode
};
}
const options = new Map([ [ false, "关闭" ], [ "top", "向上" ], [ "bottom", "向下" ], [ "all", "滚动" ] ]);
const defaultOpt = {
show: true,
scrollHide: false
};
const session$2 = getSession("switchShow") || defaultOpt;
const getOpts = val => options.has(val) ? val : false;
const getOpt = val => Object.assign({}, defaultOpt, {
show: Boolean(val.show),
scrollHide: getOpts(val.scrollHide)
});
let data = Vue.reactive(getOpt(session$2));
const show = Vue.computed({
get: () => data.show,
set: val => {
data.show = val;
setSession("switchShow", data);
}
});
const scrollHide = Vue.computed({
get: () => data.scrollHide,
set: val => {
data.scrollHide = val;
setSession("switchShow", data);
}
});
function useSwitchShow() {
return {
show: show,
scrollHide: scrollHide,
options: options
};
}
class Raf {
constructor() {
this.init();
}
init() {
this._timerIdMap = {
timeout: {},
interval: {}
};
}
run(type = "interval", handler, interval = 16.7) {
const now = Date.now;
let stime = now();
let etime = stime;
const timerSymbol = Symbol("timerSymbol");
const loop = () => {
this.setIdMap(timerSymbol, type, loop);
etime = now();
if (etime - stime >= interval) {
if (type === "interval") {
stime = now();
etime = stime;
}
handler();
type === "timeout" && this.clearTimeout(timerSymbol);
}
};
this.setIdMap(timerSymbol, type, loop);
return timerSymbol;
}
setIdMap(timerSymbol, type, loop) {
this._timerIdMap[type][timerSymbol] = requestAnimationFrame(loop);
}
setTimeout(handler, timeout) {
return this.run("timeout", handler, timeout);
}
clearTimeout(timer) {
cancelAnimationFrame(this._timerIdMap.timeout[timer]);
}
setInterval(handler, timeout) {
return this.run("interval", handler, timeout);
}
clearInterval(timer) {
cancelAnimationFrame(this._timerIdMap.interval[timer]);
}
}
var raf = new Raf;
let id = null;
let styles = "";
function injectStyle(cssContent) {
styles += cssContent;
const styleNode = document.querySelector("#as-style-common");
if (styleNode) {
styleNode.styleSheet.cssText += styles;
styles = "";
} else if (!id) {
id = raf.setTimeout(() => {
const cssNode = document.createElement("style");
cssNode.setAttribute("type", "text/css");
cssNode.classList.add("as-style");
cssNode.id = "as-style-common";
cssNode.appendChild(document.createTextNode(styles));
styles = "";
const asRoot = document.getElementById("all-search");
const container = asRoot || document.body || document.head || document.documentElement || document;
container.appendChild(cssNode);
id = null;
}, 0);
}
}
var css$e = "@media screen and (max-width: 750px) {\n .as-title-horizontal {\n display: none;\n }\n}\n.as-title-horizontal {\n min-width: 90px;\n margin: 0 10px;\n}\n\n.as-title-vertical {\n width: 100%;\n}\n\n.as-title {\n text-decoration: none !important;\n padding: 0;\n margin: 0;\n color: var(--as-primary-color);\n}\n\n.as-title-inner {\n padding: 0;\n font-size: 17px;\n height: 30px;\n line-height: 30px;\n font-weight: 600;\n color: var(--as-primary-color);\n margin: 0 auto;\n text-align: center;\n cursor: pointer;\n}";
injectStyle(css$e);
var _export_sfc = (sfc, props) => {
const target = sfc.__vccOpts || sfc;
for (const [key, val] of props) {
target[key] = val;
}
return target;
};
const _sfc_main$f = {
name: "logo",
props: {
mode: {
type: String,
default: "horizontal",
validator: val => [ "horizontal", "vertical" ].indexOf(val) > -1
}
},
setup() {
return {
isMobile: isMobile()
};
}
};
const _hoisted_1$9 = Vue.createElementVNode("p", {
class: "as-title-inner"
}, " All Search ", -1);
const _hoisted_2$6 = [ _hoisted_1$9 ];
function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
return !$setup.isMobile ? (Vue.openBlock(), Vue.createElementBlock("a", {
key: 0,
class: Vue.normalizeClass([ "as-title", `as-title-${$props.mode}` ]),
href: "https://github.com/endday/all-search",
target: "_blank"
}, _hoisted_2$6, 2)) : Vue.createCommentVNode("", true);
}
var logo = _export_sfc(_sfc_main$f, [ [ "render", _sfc_render$f ] ]);
var MapShim = function() {
if (typeof Map !== "undefined") {
return Map;
}
function getIndex(arr, key) {
var result = -1;
arr.some((function(entry, index) {
if (entry[0] === key) {
result = index;
return true;
}
return false;
}));
return result;
}
return function() {
function class_1() {
this.__entries__ = [];
}
Object.defineProperty(class_1.prototype, "size", {
get: function() {
return this.__entries__.length;
},
enumerable: true,
configurable: true
});
class_1.prototype.get = function(key) {
var index = getIndex(this.__entries__, key);
var entry = this.__entries__[index];
return entry && entry[1];
};
class_1.prototype.set = function(key, value) {
var index = getIndex(this.__entries__, key);
if (~index) {
this.__entries__[index][1] = value;
} else {
this.__entries__.push([ key, value ]);
}
};
class_1.prototype.delete = function(key) {
var entries = this.__entries__;
var index = getIndex(entries, key);
if (~index) {
entries.splice(index, 1);
}
};
class_1.prototype.has = function(key) {
return !!~getIndex(this.__entries__, key);
};
class_1.prototype.clear = function() {
this.__entries__.splice(0);
};
class_1.prototype.forEach = function(callback, ctx) {
if (ctx === void 0) {
ctx = null;
}
for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
var entry = _a[_i];
callback.call(ctx, entry[1], entry[0]);
}
};
return class_1;
}();
}();
var isBrowser = typeof window !== "undefined" && typeof document !== "undefined" && window.document === document;
var global$1 = function() {
if (typeof global !== "undefined" && global.Math === Math) {
return global;
}
if (typeof self !== "undefined" && self.Math === Math) {
return self;
}
if (typeof window !== "undefined" && window.Math === Math) {
return window;
}
return Function("return this")();
}();
var requestAnimationFrame$1 = function() {
if (typeof requestAnimationFrame === "function") {
return requestAnimationFrame.bind(global$1);
}
return function(callback) {
return setTimeout((function() {
return callback(Date.now());
}), 1e3 / 60);
};
}();
var trailingTimeout = 2;
function throttle$1(callback, delay) {
var leadingCall = false, trailingCall = false, lastCallTime = 0;
function resolvePending() {
if (leadingCall) {
leadingCall = false;
callback();
}
if (trailingCall) {
proxy();
}
}
function timeoutCallback() {
requestAnimationFrame$1(resolvePending);
}
function proxy() {
var timeStamp = Date.now();
if (leadingCall) {
if (timeStamp - lastCallTime < trailingTimeout) {
return;
}
trailingCall = true;
} else {
leadingCall = true;
trailingCall = false;
setTimeout(timeoutCallback, delay);
}
lastCallTime = timeStamp;
}
return proxy;
}
var REFRESH_DELAY = 20;
var transitionKeys = [ "top", "right", "bottom", "left", "width", "height", "size", "weight" ];
var mutationObserverSupported = typeof MutationObserver !== "undefined";
var ResizeObserverController = function() {
function ResizeObserverController() {
this.connected_ = false;
this.mutationEventsAdded_ = false;
this.mutationsObserver_ = null;
this.observers_ = [];
this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
this.refresh = throttle$1(this.refresh.bind(this), REFRESH_DELAY);
}
ResizeObserverController.prototype.addObserver = function(observer) {
if (!~this.observers_.indexOf(observer)) {
this.observers_.push(observer);
}
if (!this.connected_) {
this.connect_();
}
};
ResizeObserverController.prototype.removeObserver = function(observer) {
var observers = this.observers_;
var index = observers.indexOf(observer);
if (~index) {
observers.splice(index, 1);
}
if (!observers.length && this.connected_) {
this.disconnect_();
}
};
ResizeObserverController.prototype.refresh = function() {
var changesDetected = this.updateObservers_();
if (changesDetected) {
this.refresh();
}
};
ResizeObserverController.prototype.updateObservers_ = function() {
var activeObservers = this.observers_.filter((function(observer) {
return observer.gatherActive(), observer.hasActive();
}));
activeObservers.forEach((function(observer) {
return observer.broadcastActive();
}));
return activeObservers.length > 0;
};
ResizeObserverController.prototype.connect_ = function() {
if (!isBrowser || this.connected_) {
return;
}
document.addEventListener("transitionend", this.onTransitionEnd_);
window.addEventListener("resize", this.refresh);
if (mutationObserverSupported) {
this.mutationsObserver_ = new MutationObserver(this.refresh);
this.mutationsObserver_.observe(document, {
attributes: true,
childList: true,
characterData: true,
subtree: true
});
} else {
document.addEventListener("DOMSubtreeModified", this.refresh);
this.mutationEventsAdded_ = true;
}
this.connected_ = true;
};
ResizeObserverController.prototype.disconnect_ = function() {
if (!isBrowser || !this.connected_) {
return;
}
document.removeEventListener("transitionend", this.onTransitionEnd_);
window.removeEventListener("resize", this.refresh);
if (this.mutationsObserver_) {
this.mutationsObserver_.disconnect();
}
if (this.mutationEventsAdded_) {
document.removeEventListener("DOMSubtreeModified", this.refresh);
}
this.mutationsObserver_ = null;
this.mutationEventsAdded_ = false;
this.connected_ = false;
};
ResizeObserverController.prototype.onTransitionEnd_ = function(_a) {
var _b = _a.propertyName, propertyName = _b === void 0 ? "" : _b;
var isReflowProperty = transitionKeys.some((function(key) {
return !!~propertyName.indexOf(key);
}));
if (isReflowProperty) {
this.refresh();
}
};
ResizeObserverController.getInstance = function() {
if (!this.instance_) {
this.instance_ = new ResizeObserverController;
}
return this.instance_;
};
ResizeObserverController.instance_ = null;
return ResizeObserverController;
}();
var defineConfigurable = function(target, props) {
for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
var key = _a[_i];
Object.defineProperty(target, key, {
value: props[key],
enumerable: false,
writable: false,
configurable: true
});
}
return target;
};
var getWindowOf = function(target) {
var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
return ownerGlobal || global$1;
};
var emptyRect = createRectInit(0, 0, 0, 0);
function toFloat(value) {
return parseFloat(value) || 0;
}
function getBordersSize(styles) {
var positions = [];
for (var _i = 1; _i < arguments.length; _i++) {
positions[_i - 1] = arguments[_i];
}
return positions.reduce((function(size, position) {
var value = styles["border-" + position + "-width"];
return size + toFloat(value);
}), 0);
}
function getPaddings(styles) {
var positions = [ "top", "right", "bottom", "left" ];
var paddings = {};
for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
var position = positions_1[_i];
var value = styles["padding-" + position];
paddings[position] = toFloat(value);
}
return paddings;
}
function getSVGContentRect(target) {
var bbox = target.getBBox();
return createRectInit(0, 0, bbox.width, bbox.height);
}
function getHTMLElementContentRect(target) {
var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
if (!clientWidth && !clientHeight) {
return emptyRect;
}
var styles = getWindowOf(target).getComputedStyle(target);
var paddings = getPaddings(styles);
var horizPad = paddings.left + paddings.right;
var vertPad = paddings.top + paddings.bottom;
var width = toFloat(styles.width), height = toFloat(styles.height);
if (styles.boxSizing === "border-box") {
if (Math.round(width + horizPad) !== clientWidth) {
width -= getBordersSize(styles, "left", "right") + horizPad;
}
if (Math.round(height + vertPad) !== clientHeight) {
height -= getBordersSize(styles, "top", "bottom") + vertPad;
}
}
if (!isDocumentElement(target)) {
var vertScrollbar = Math.round(width + horizPad) - clientWidth;
var horizScrollbar = Math.round(height + vertPad) - clientHeight;
if (Math.abs(vertScrollbar) !== 1) {
width -= vertScrollbar;
}
if (Math.abs(horizScrollbar) !== 1) {
height -= horizScrollbar;
}
}
return createRectInit(paddings.left, paddings.top, width, height);
}
var isSVGGraphicsElement = function() {
if (typeof SVGGraphicsElement !== "undefined") {
return function(target) {
return target instanceof getWindowOf(target).SVGGraphicsElement;
};
}
return function(target) {
return target instanceof getWindowOf(target).SVGElement && typeof target.getBBox === "function";
};
}();
function isDocumentElement(target) {
return target === getWindowOf(target).document.documentElement;
}
function getContentRect(target) {
if (!isBrowser) {
return emptyRect;
}
if (isSVGGraphicsElement(target)) {
return getSVGContentRect(target);
}
return getHTMLElementContentRect(target);
}
function createReadOnlyRect(_a) {
var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
var Constr = typeof DOMRectReadOnly !== "undefined" ? DOMRectReadOnly : Object;
var rect = Object.create(Constr.prototype);
defineConfigurable(rect, {
x: x,
y: y,
width: width,
height: height,
top: y,
right: x + width,
bottom: height + y,
left: x
});
return rect;
}
function createRectInit(x, y, width, height) {
return {
x: x,
y: y,
width: width,
height: height
};
}
var ResizeObservation = function() {
function ResizeObservation(target) {
this.broadcastWidth = 0;
this.broadcastHeight = 0;
this.contentRect_ = createRectInit(0, 0, 0, 0);
this.target = target;
}
ResizeObservation.prototype.isActive = function() {
var rect = getContentRect(this.target);
this.contentRect_ = rect;
return rect.width !== this.broadcastWidth || rect.height !== this.broadcastHeight;
};
ResizeObservation.prototype.broadcastRect = function() {
var rect = this.contentRect_;
this.broadcastWidth = rect.width;
this.broadcastHeight = rect.height;
return rect;
};
return ResizeObservation;
}();
var ResizeObserverEntry = function() {
function ResizeObserverEntry(target, rectInit) {
var contentRect = createReadOnlyRect(rectInit);
defineConfigurable(this, {
target: target,
contentRect: contentRect
});
}
return ResizeObserverEntry;
}();
var ResizeObserverSPI = function() {
function ResizeObserverSPI(callback, controller, callbackCtx) {
this.activeObservations_ = [];
this.observations_ = new MapShim;
if (typeof callback !== "function") {
throw new TypeError("The callback provided as parameter 1 is not a function.");
}
this.callback_ = callback;
this.controller_ = controller;
this.callbackCtx_ = callbackCtx;
}
ResizeObserverSPI.prototype.observe = function(target) {
if (!arguments.length) {
throw new TypeError("1 argument required, but only 0 present.");
}
if (typeof Element === "undefined" || !(Element instanceof Object)) {
return;
}
if (!(target instanceof getWindowOf(target).Element)) {
throw new TypeError('parameter 1 is not of type "Element".');
}
var observations = this.observations_;
if (observations.has(target)) {
return;
}
observations.set(target, new ResizeObservation(target));
this.controller_.addObserver(this);
this.controller_.refresh();
};
ResizeObserverSPI.prototype.unobserve = function(target) {
if (!arguments.length) {
throw new TypeError("1 argument required, but only 0 present.");
}
if (typeof Element === "undefined" || !(Element instanceof Object)) {
return;
}
if (!(target instanceof getWindowOf(target).Element)) {
throw new TypeError('parameter 1 is not of type "Element".');
}
var observations = this.observations_;
if (!observations.has(target)) {
return;
}
observations.delete(target);
if (!observations.size) {
this.controller_.removeObserver(this);
}
};
ResizeObserverSPI.prototype.disconnect = function() {
this.clearActive();
this.observations_.clear();
this.controller_.removeObserver(this);
};
ResizeObserverSPI.prototype.gatherActive = function() {
var _this = this;
this.clearActive();
this.observations_.forEach((function(observation) {
if (observation.isActive()) {
_this.activeObservations_.push(observation);
}
}));
};
ResizeObserverSPI.prototype.broadcastActive = function() {
if (!this.hasActive()) {
return;
}
var ctx = this.callbackCtx_;
var entries = this.activeObservations_.map((function(observation) {
return new ResizeObserverEntry(observation.target, observation.broadcastRect());
}));
this.callback_.call(ctx, entries, ctx);
this.clearActive();
};
ResizeObserverSPI.prototype.clearActive = function() {
this.activeObservations_.splice(0);
};
ResizeObserverSPI.prototype.hasActive = function() {
return this.activeObservations_.length > 0;
};
return ResizeObserverSPI;
}();
var observers = typeof WeakMap !== "undefined" ? new WeakMap : new MapShim;
var ResizeObserver = function() {
function ResizeObserver(callback) {
if (!(this instanceof ResizeObserver)) {
throw new TypeError("Cannot call a class as a function.");
}
if (!arguments.length) {
throw new TypeError("1 argument required, but only 0 present.");
}
var controller = ResizeObserverController.getInstance();
var observer = new ResizeObserverSPI(callback, controller, this);
observers.set(this, observer);
}
return ResizeObserver;
}();
[ "observe", "unobserve", "disconnect" ].forEach((function(method) {
ResizeObserver.prototype[method] = function() {
var _a;
return (_a = observers.get(this))[method].apply(_a, arguments);
};
}));
var index$1 = function() {
if (typeof global$1.ResizeObserver !== "undefined") {
return global$1.ResizeObserver;
}
return ResizeObserver;
}();
const isArray = Array.isArray;
const isString = val => typeof val === "string";
const toObject = arr => {
let obj = {};
arr.map(item => {
obj[item.key] = item.value;
});
return obj;
};
const SCOPE = "MElScrollbar";
const isNumber = val => typeof val === "number" && !isNaN(val);
const debugWarn = (...args) => {
console.error(...args);
};
const resizeHandler = entries => {
for (const entry of entries) {
const listeners = entry.target.__resizeListeners__ || [];
if (listeners.length) {
listeners.forEach(fn => {
fn();
});
}
}
};
const addResizeListener = (element, fn) => {
if (!element.__resizeListeners__) {
element.__resizeListeners__ = [];
element.__ro__ = new index$1(resizeHandler);
element.__ro__.observe(element);
}
element.__resizeListeners__.push(fn);
};
const removeResizeListener = (element, fn) => {
if (!element || !element.__resizeListeners__) return;
element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
if (!element.__resizeListeners__.length) {
element.__ro__.disconnect();
}
};
const addUnit = value => {
if (isString(value)) {
return value;
} else if (isNumber(value)) {
return value + "px";
}
debugWarn(SCOPE, "属性 value 必须是 string 或 number 类型");
return "";
};
const on = (element, event, handler, useCapture = false) => {
if (element && event && handler) {
element.addEventListener(event, handler, useCapture);
}
};
const off = (element, event, handler, useCapture = false) => {
if (element && event && handler) {
element.removeEventListener(event, handler, useCapture);
}
};
const BAR_MAP = {
vertical: {
offset: "offsetHeight",
scroll: "scrollTop",
scrollSize: "scrollHeight",
size: "height",
key: "vertical",
axis: "Y",
client: "clientY",
direction: "top"
},
horizontal: {
offset: "offsetWidth",
scroll: "scrollLeft",
scrollSize: "scrollWidth",
size: "width",
key: "horizontal",
axis: "X",
client: "clientX",
direction: "left"
}
};
const renderThumbStyle = ({move: move, size: size, bar: bar}) => {
const style = {};
const translate = `translate${bar.axis}(${move}%)`;
style[bar.size] = size;
style.transform = translate;
style.msTransform = translate;
style.webkitTransform = translate;
return style;
};
const _sfc_main$e = Vue.defineComponent({
props: {
vertical: Boolean,
size: {
type: String,
default: ""
},
move: {
type: Number,
default: 0
},
ratio: {
type: Number,
default: 0
},
always: Boolean
},
setup(props) {
const visible = Vue.ref(false);
const barStore = Vue.reactive({});
let cursorDown = false;
let cursorLeave = false;
const thumb = Vue.ref(null);
const instance = Vue.ref(null);
let onselectstartStore = null;
const {proxy: proxy} = Vue.getCurrentInstance();
const scrollbar = proxy.$parent;
const bar = Vue.computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
const offsetRatio = Vue.computed(() => instance.value[bar.value.offset] ** 2 / scrollbar.wrap[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]);
const thumbStyle = Vue.computed(() => renderThumbStyle({
size: props.size,
move: props.move,
bar: bar.value
}));
const mouseMoveDocumentHandler = e => {
if (cursorDown === false) return;
const prevPage = barStore[bar.value.axis];
if (!prevPage) return;
const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
const thumbPositionPercentage = (offset - thumbClickPosition) * 100 * offsetRatio.value / instance.value[bar.value.offset];
scrollbar.wrap[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrap[bar.value.scrollSize] / 100;
};
const mouseUpDocumentHandler = () => {
cursorDown = false;
barStore[bar.value.axis] = 0;
off(document, "mousemove", mouseMoveDocumentHandler);
off(document, "mouseup", mouseUpDocumentHandler);
document.onselectstart = onselectstartStore;
if (cursorLeave) {
visible.value = false;
}
};
const startDrag = e => {
e.stopImmediatePropagation();
cursorDown = true;
on(document, "mousemove", mouseMoveDocumentHandler);
on(document, "mouseup", mouseUpDocumentHandler);
onselectstartStore = document.onselectstart;
document.onselectstart = () => false;
};
const clickThumbHandler = e => {
e.stopPropagation();
if (e.ctrlKey || [ 1, 2 ].includes(e.button)) {
return;
}
window.getSelection().removeAllRanges();
startDrag(e);
barStore[bar.value.axis] = e.currentTarget[bar.value.offset] - (e[bar.value.client] - e.currentTarget.getBoundingClientRect()[bar.value.direction]);
};
const clickTrackHandler = e => {
const offset = Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]);
const thumbHalf = thumb[bar.value.offset] / 2;
const thumbPositionPercentage = (offset - thumbHalf) * 100 * offsetRatio.value / instance[bar.value.offset];
scrollbar.wrap[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrap[bar.value.scrollSize] / 100;
};
const mouseMoveScrollbarHandler = () => {
cursorLeave = false;
visible.value = !!props.size;
};
const mouseLeaveScrollbarHandler = () => {
cursorLeave = true;
visible.value = cursorDown;
};
Vue.onMounted(() => {
Vue.nextTick(() => {
on(scrollbar.scrollbar, "mousemove", mouseMoveScrollbarHandler);
on(scrollbar.scrollbar, "mouseleave", mouseLeaveScrollbarHandler);
});
});
Vue.onBeforeUnmount(() => {
off(document, "mouseup", this.mouseUpDocumentHandler);
off(scrollbar.scrollbar, "mousemove", this.mouseMoveScrollbarHandler);
off(scrollbar.scrollbar, "mouseleave", this.mouseLeaveScrollbarHandler);
});
return {
clickThumbHandler: clickThumbHandler,
clickTrackHandler: clickTrackHandler,
thumbStyle: thumbStyle,
bar: bar,
visible: visible,
instance: instance,
thumb: thumb
};
}
});
function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
return Vue.openBlock(), Vue.createBlock(Vue.Transition, {
name: "as-scrollbar-fade"
}, {
default: Vue.withCtx(() => [ Vue.withDirectives(Vue.createElementVNode("div", {
ref: "instance",
class: Vue.normalizeClass([ "as-scrollbar__bar", "is-" + _ctx.bar.key ]),
onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.clickTrackHandler && _ctx.clickTrackHandler(...args))
}, [ Vue.createElementVNode("div", {
ref: "thumb",
class: "as-scrollbar__thumb",
style: Vue.normalizeStyle(_ctx.thumbStyle),
onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.clickThumbHandler && _ctx.clickThumbHandler(...args))
}, null, 36) ], 34), [ [ Vue.vShow, _ctx.always || _ctx.visible ] ]) ]),
_: 1
});
}
var Bar = _export_sfc(_sfc_main$e, [ [ "render", _sfc_render$e ] ]);
const _sfc_main$d = Vue.defineComponent({
components: {
Bar: Bar
},
props: {
height: {
type: [ String, Number ],
default: ""
},
maxHeight: {
type: [ String, Number ],
default: ""
},
native: {
type: Boolean,
default: false
},
wrapStyle: {
type: [ String, Array ],
default: ""
},
wrapClass: {
type: [ String, Array ],
default: ""
},
viewClass: {
type: [ String, Array ],
default: ""
},
viewStyle: {
type: [ String, Array ],
default: ""
},
noresize: Boolean,
tag: {
type: String,
default: "div"
},
always: {
type: Boolean,
default: false
},
minSize: {
type: Number,
default: 20
}
},
emits: [ "scroll" ],
setup(props, {emit: emit}) {
const sizeWidth = Vue.ref("0");
const sizeHeight = Vue.ref("0");
const moveX = Vue.ref(0);
const moveY = Vue.ref(0);
const scrollbar = Vue.ref(null);
const wrap = Vue.ref(null);
const resize = Vue.ref(null);
const ratioY = Vue.ref(1);
const ratioX = Vue.ref(1);
const SCOPE = "AScrollbar";
const GAP = 4;
const renderWrapStyle = Vue.computed(() => {
let style = props.wrapStyle;
if (isArray(style)) {
style = toObject(style);
style.height = addUnit(props.height);
style.maxHeight = addUnit(props.maxHeight);
} else if (isString(style)) {
style += addUnit(props.height) ? `height: ${addUnit(props.height)};` : "";
style += addUnit(props.maxHeight) ? `max-height: ${addUnit(props.maxHeight)};` : "";
}
return style;
});
const update = () => {
if (!wrap.value) return;
const offsetHeight = wrap.value.offsetHeight - GAP;
const offsetWidth = wrap.value.offsetWidth - GAP;
const originalHeight = offsetHeight ** 2 / wrap.value.scrollHeight;
const originalWidth = offsetWidth ** 2 / wrap.value.scrollWidth;
const height = Math.max(originalHeight, props.minSize);
const width = Math.max(originalWidth, props.minSize);
ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
sizeHeight.value = height + GAP < offsetHeight ? height + "px" : "";
sizeWidth.value = width + GAP < offsetWidth ? width + "px" : "";
};
const handleScroll = () => {
if (wrap.value) {
const offsetHeight = wrap.value.offsetHeight - GAP;
const offsetWidth = wrap.value.offsetWidth - GAP;
moveY.value = wrap.value.scrollTop * 100 / offsetHeight * ratioY.value;
moveX.value = wrap.value.scrollLeft * 100 / offsetWidth * ratioX.value;
emit("scroll", {
scrollTop: wrap.value.scrollTop,
scrollLeft: wrap.value.scrollLeft
});
}
};
const setScrollTop = value => {
if (!isNumber(value)) {
debugWarn(SCOPE, "value must be a number");
return;
}
wrap.value.scrollTop = value;
};
const setScrollLeft = value => {
if (!isNumber(value)) {
debugWarn(SCOPE, "value must be a number");
return;
}
wrap.value.scrollLeft = value;
};
Vue.onMounted(() => {
if (!props.native) {
Vue.nextTick(update);
}
if (!props.noresize) {
addResizeListener(resize.value, update);
addEventListener("resize", update);
}
});
Vue.onBeforeUnmount(() => {
if (!props.noresize) {
removeResizeListener(resize.value, update);
removeEventListener("resize", this.update);
}
});
Vue.onUpdated(() => update());
return {
scrollbar: scrollbar,
wrap: wrap,
resize: resize,
moveX: moveX,
moveY: moveY,
ratioX: ratioX,
ratioY: ratioY,
sizeWidth: sizeWidth,
sizeHeight: sizeHeight,
update: update,
handleScroll: handleScroll,
scrollTo: scrollTo,
setScrollTop: setScrollTop,
setScrollLeft: setScrollLeft,
renderWrapStyle: renderWrapStyle
};
}
});
const _hoisted_1$8 = {
ref: "scrollbar",
class: "as-scrollbar"
};
function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
const _component_bar = Vue.resolveComponent("bar");
return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1$8, [ Vue.createElementVNode("div", {
ref: "wrap",
class: Vue.normalizeClass([ _ctx.wrapClass, "as-scrollbar__wrap", _ctx.native ? "" : "as-scrollbar__wrap--hidden-default" ]),
style: Vue.normalizeStyle(_ctx.renderWrapStyle),
onScroll: _cache[0] || (_cache[0] = (...args) => _ctx.handleScroll && _ctx.handleScroll(...args))
}, [ (Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(_ctx.tag), {
ref: "resize",
class: Vue.normalizeClass([ "as-scrollbar__view", _ctx.viewClass ]),
style: Vue.normalizeStyle(_ctx.viewStyle)
}, {
default: Vue.withCtx(() => [ Vue.renderSlot(_ctx.$slots, "default") ]),
_: 3
}, 8, [ "class", "style" ])) ], 38), !_ctx.native ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, {
key: 0
}, [ Vue.createVNode(_component_bar, {
move: _ctx.moveX,
ratio: _ctx.ratioX,
size: _ctx.sizeWidth,
always: _ctx.always
}, null, 8, [ "move", "ratio", "size", "always" ]), Vue.createVNode(_component_bar, {
move: _ctx.moveY,
ratio: _ctx.ratioY,
size: _ctx.sizeHeight,
vertical: "",
always: _ctx.always
}, null, 8, [ "move", "ratio", "size", "always" ]) ], 64)) : Vue.createCommentVNode("", true) ], 512);
}
var scrollbar = _export_sfc(_sfc_main$d, [ [ "render", _sfc_render$d ] ]);
var css$d = ":root{--as-text-color-secondary:#909399}.as-scrollbar{--as-scrollbar-opacity:.3;--as-scrollbar-background-color:var(--as-text-color-secondary);--as-scrollbar-hover-opacity:.5;--as-scrollbar-hover-background-color:var(--as-text-color-secondary);overflow:hidden;position:relative;height:100%}.as-scrollbar__wrap{overflow:auto;height:100%}.as-scrollbar__wrap--hidden-default{scrollbar-width:none}.as-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.as-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:var(--as-scrollbar-background-color, var(--as-text-color-secondary));transition:var(--as-transition-duration) background-color;opacity:var(--as-scrollbar-opacity, .3)}.as-scrollbar__thumb:hover{background-color:var(--as-scrollbar-hover-background-color, var(--as-text-color-secondary));opacity:var(--as-scrollbar-hover-opacity, .5)}.as-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px}.as-scrollbar__bar.is-vertical{width:6px;top:2px}.as-scrollbar__bar.is-vertical>div{width:100%}.as-scrollbar__bar.is-horizontal{height:6px;left:2px}.as-scrollbar__bar.is-horizontal>div{height:100%}.as-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.as-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.as-scrollbar-fade-enter-from,.as-scrollbar-fade-leave-active{opacity:0}\n";
injectStyle(css$d);
function useTimeout() {
let timeoutHandle;
const registerTimeout = (fn, delay) => {
cancelTimeout();
timeoutHandle = window.setTimeout(fn, delay);
};
const cancelTimeout = () => window.clearTimeout(timeoutHandle);
return {
registerTimeout: registerTimeout,
cancelTimeout: cancelTimeout
};
}
function onClickOutside(target, handler, options) {
const {ignore: ignore, capture: capture = true} = options;
if (!window) return;
const shouldListen = Vue.ref(true);
let fallback;
const listener = event => {
window.clearTimeout(fallback);
const el = target;
const composedPath = event.composedPath();
if (!el || el === event.target || composedPath.includes(el) || !shouldListen.value) return;
if (ignore && ignore.length > 0) {
if (ignore.some(target => {
const el = target;
return el && (event.target === el || composedPath.includes(el));
})) return;
}
handler(event);
};
window.addEventListener("click", listener, {
passive: true,
capture: capture
});
window.addEventListener("pointerdown", listener, {
passive: true
});
return () => {
window.removeEventListener("click", listener);
window.removeEventListener("pointerdown", listener);
};
}
var css$c = '@charset "UTF-8";\n.popover-content {\n --background-color: white;\n --border-color: lightgray;\n display: none;\n pointer-events: none;\n opacity: 0;\n z-index: 99999;\n position: relative;\n}\n.popover-content .arrow,\n.popover-content .arrow::before {\n width: 0;\n height: 0;\n border-style: solid;\n}\n.popover-content .arrow::before {\n content: "";\n position: absolute;\n}\n\n.popover-content[data-show=true] {\n opacity: 1;\n pointer-events: initial;\n}\n\n.popover-content[data-initialized=true] {\n display: block;\n}\n\n/*.popover-content[data-popper-placement^="bottom"] {\n .arrow {\n top: -10px;\n border-width: 0 8px 10px 8px;\n border-color: transparent transparent var(--border-color) transparent;\n margin-left: -8px;\n\n &::before {\n top: 1px;\n left: -7px;\n border-width: 0 7px 9px 7px;\n border-color: transparent transparent var(--background-color) transparent;\n }\n }\n}\n\n.popover-content[data-popper-placement^="top"] {\n .arrow {\n bottom: -10px;\n border-width: 10px 8px 0 8px;\n border-color: var(--border-color) transparent transparent transparent;\n margin-left: -8px;\n\n &::before {\n bottom: 1px;\n left: -7px;\n border-width: 9px 7px 0 7px;\n border-color: var(--background-color) transparent transparent transparent;\n }\n }\n}\n\n.popover-content[data-popper-placement^="left"] {\n .arrow {\n right: -10px;\n margin-top: -8px;\n border-width: 8px 0 8px 10px;\n border-color: transparent transparent transparent var(--border-color);\n\n &::before {\n right: 1px;\n top: -7px;\n border-width: 7px 0 7px 9px;\n border-color: transparent transparent transparent var(--background-color);\n }\n }\n}\n\n.popover-content[data-popper-placement^="right"] {\n .arrow {\n left: -10px;\n margin-top: -8px;\n border-width: 8px 10px 8px 0;\n border-color: transparent var(--border-color) transparent transparent;\n\n &::before {\n left: 1px;\n top: -7px;\n border-width: 7px 9px 7px 0;\n border-color: transparent var(--background-color) transparent transparent;\n }\n }\n}*/\n/* 可以为进入和离开动画设置不同的持续时间和动画函数 */\n.slide-fade-enter-active {\n transition: all 0.3s ease-out;\n}\n\n.slide-fade-leave-active {\n transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);\n}\n\n.slide-fade-enter-from,\n.slide-fade-leave-to {\n transform: translateX(20px);\n opacity: 0;\n}';
injectStyle(css$c);
const _sfc_main$c = {
props: {
placement: {
type: String,
default: "auto"
},
strategy: {
type: String,
default: "absolute"
},
popperClass: {
type: String,
default: ""
}
},
setup(props) {
const visible = Vue.ref(false);
const loaded = Vue.ref(false);
const trigger = Vue.ref(null);
const popover = Vue.ref(null);
const popperInstance = Vue.ref(null);
const {registerTimeout: registerTimeout, cancelTimeout: cancelTimeout} = useTimeout();
function createPopover(target) {
if (popperInstance.value) {
visible.value = true;
return;
}
popperInstance.value = Popper.createPopper(target, popover.value, {
strategy: props.strategy,
placement: props.placement,
modifiers: [ {
name: "offset",
options: {
offset: [ 0, 0 ]
}
} ]
});
}
function destroyPopover() {
if (popperInstance.value) {
popperInstance.value.destroy();
popperInstance.value = null;
}
}
let stopFn;
function handleClickOutside(target) {
if (!stopFn) {
stopFn = onClickOutside(target, hide, {
ignore: [ popover.value ]
});
}
}
Vue.onUnmounted(() => {
stopFn();
});
function show(target) {
loaded.value = true;
visible.value = true;
createPopover(target);
cancelTimeout();
handleClickOutside(target);
}
function hide() {
registerTimeout(() => {
visible.value = false;
destroyPopover();
}, 100);
}
return {
visible: visible,
loaded: loaded,
trigger: trigger,
popover: popover,
popperInstance: popperInstance,
show: show,
hide: hide
};
}
};
const _hoisted_1$7 = [ "data-show", "data-initialized" ];
function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [ Vue.renderSlot(_ctx.$slots, "trigger", Vue.mergeProps({
ref: "trigger"
}, {
show: $setup.show,
hide: $setup.hide
})), Vue.createVNode(Vue.Transition, {
name: "slide-fade"
}, {
default: Vue.withCtx(() => [ (Vue.openBlock(), Vue.createBlock(Vue.Teleport, {
to: "#all-search"
}, [ Vue.withDirectives(Vue.createElementVNode("div", {
class: Vue.normalizeClass([ $props.popperClass, "popover-content" ]),
ref: "popover",
"data-show": $setup.visible,
"data-initialized": $setup.popperInstance !== null,
style: {
display: "none"
},
onMouseenter: _cache[0] || (_cache[0] = (...args) => $setup.show && $setup.show(...args)),
onMouseleave: _cache[1] || (_cache[1] = (...args) => $setup.hide && $setup.hide(...args))
}, [ $setup.loaded ? Vue.renderSlot(_ctx.$slots, "default", {
key: 0
}) : Vue.createCommentVNode("", true) ], 42, _hoisted_1$7), [ [ Vue.vShow, $setup.visible ] ]) ])) ]),
_: 3
}) ], 64);
}
var popper = _export_sfc(_sfc_main$c, [ [ "render", _sfc_render$c ] ]);
function findInNodeList(list) {
return [].find.call(list, item => isVisible(item));
}
function isVisible(element) {
const style = getComputedStyle(element);
return !!element.getClientRects().length && style.visibility !== "hidden" && style.width !== 0 && style.height !== 0 && style.opacity !== 0;
}
function getSearchDom() {
const el = document.querySelector("input[type=search],input[type=text][autocomplete=off],input[autocomplete=off]:not([type])") || document.querySelector("input[type=text][name][value],input[name][value]:not([type])");
if (el) {
return el;
}
const autofocusOrSearch = document.querySelector("input[autofocus],input[type=search]");
if (autofocusOrSearch && isVisible(autofocusOrSearch)) {
return autofocusOrSearch;
}
const idOrClassContainSearch = document.querySelectorAll("input[id*=search],input[class*=search]");
if (idOrClassContainSearch.length) {
const element = findInNodeList(idOrClassContainSearch);
if (element) {
return element;
}
}
const placeholderContainSearch = document.querySelectorAll("input[placeholder*=search],input[placeholder*=搜索]");
if (placeholderContainSearch.length) {
const element = findInNodeList(placeholderContainSearch);
if (element) {
return element;
}
}
const textInputTypes = [ "hidden", "button", "checkbox", "color", "file", "image", "radio", "range", "reset", "submit" ];
const selector = textInputTypes.map(t => `[type=${t}]`).join(",");
const firstInput = document.querySelector(`input:not(${selector}),textarea`);
if (firstInput && isVisible(firstInput)) {
return firstInput;
}
const inputSearch = document.getElementsByTagName("input");
const sameKeywordInput = [].find.call(inputSearch, item => {
if (item.value && decodeURI(window.location.pathname + window.location.search).includes(item.value)) {
return item;
}
});
if (sameKeywordInput) {
return sameKeywordInput;
}
}
function getKeyword() {
const el = getSearchDom();
if (el) {
if ([ "INPUT", "TEXTAREA" ].includes(el.nodeName)) {
return el.value;
} else {
return el.textContent;
}
}
console.log("没有找到搜索关键字");
}
var css$b = ".as-icon {\n font-size: 20px;\n width: 1em;\n height: 1em;\n vertical-align: -0.15em;\n fill: currentColor;\n overflow: hidden;\n margin: 0.25px 4px 0 0;\n}";
injectStyle(css$b);
const _sfc_main$b = {
name: "icon",
props: {
name: {
type: String,
default: ""
}
}
};
const _hoisted_1$6 = {
class: "as-icon as-menu-item-icon",
"aria-hidden": "true"
};
const _hoisted_2$5 = [ "xlink:href" ];
function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1$6, [ Vue.createElementVNode("use", {
"xlink:href": `#icon-${$props.name}`
}, null, 8, _hoisted_2$5) ]);
}
var icon = _export_sfc(_sfc_main$b, [ [ "render", _sfc_render$b ] ]);
let el$1 = document.createElement("a");
const replaceUrl = function(val) {
const lowerCaseVal = val.toLowerCase();
const list = [ "http://", "https://", "ftp://", "files://" ];
for (let i = 0; i < list.length; i++) {
if (lowerCaseVal.indexOf(list[i]) === 0) {
return val.replace(/.*\/\//, "//");
}
}
return val;
};
function parseUrl(url) {
let val = url;
if (val.indexOf("//") < 0) {
val = `//${val}`;
} else if (val.indexOf("//") > -1) {
val = replaceUrl(val);
} else {
return el$1;
}
el$1.href = val;
return {
href: el$1.href,
origin: el$1.origin,
protocol: el$1.protocol,
host: el$1.host,
hostname: el$1.hostname,
port: el$1.port,
pathname: el$1.pathname,
search: el$1.search,
hash: el$1.hash
};
}
const name = "favicon";
const session$1 = getSession(name);
const getValue = val => val || 1;
const valRef = Vue.ref(getValue(session$1));
const favicon$1 = Vue.computed({
get: () => valRef.value,
set: val => {
valRef.value = val;
setSession(name, getValue(val));
}
});
function useFavicon() {
return {
favicon: favicon$1
};
}
var css$a = '.as-url-icon {\n width: 16px;\n height: 16px;\n margin-right: 10px;\n border: none;\n position: relative;\n font-size: 0;\n}\n.as-url-icon img {\n width: 100%;\n height: 100%;\n border: none;\n vertical-align: top;\n}\n.as-url-icon img.error {\n display: inline-block;\n transform: scale(1);\n content: "";\n color: transparent;\n}\n.as-url-icon img.error::before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: #f5f5f5 no-repeat center/50% 50%;\n}\n.as-url-icon img.error::after {\n content: attr(alt);\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n line-height: 2;\n background-color: rgba(0, 0, 0, 0.5);\n color: white;\n font-size: 12px;\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}';
injectStyle(css$a);
const iconCache = Vue.reactive(getSession("iconCache") || {});
const _sfc_main$a = {
name: "favicon",
props: {
url: {
type: String,
default: ""
},
icon: {
type: String,
default: ""
}
},
setup(props) {
const isError = Vue.ref(false);
const {hostname: hostname, origin: origin} = parseUrl(props.url);
const img = Vue.computed(() => {
if (isError.value) {
return `${origin}/favicon.ico`;
} else if (iconCache[hostname]) {
return iconCache[hostname];
} else {
return `https://favicon.yandex.net/favicon/v2/${encodeURI(hostname)}?size=32`;
}
});
const {favicon: favicon} = useFavicon();
function getBase64Image(image) {
let canvas = document.createElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
let context = canvas.getContext("2d");
context.drawImage(image, 0, 0, image.width, image.height);
return canvas.toDataURL("image/png", 1);
}
function handleLoad(e) {
if (!isError.value && !img.value.startsWith("data:image")) {
const base64 = getBase64Image(e.target);
if (base64) {
iconCache[hostname] = base64;
setSession("iconCache", iconCache);
}
}
}
function handleError() {
isError.value = true;
}
return {
img: img,
favicon: favicon,
handleLoad: handleLoad,
handleError: handleError,
isError: isError
};
}
};
const _hoisted_1$5 = {
key: 0,
class: "as-url-icon"
};
const _hoisted_2$4 = [ "src" ];
function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
return $setup.favicon === 1 ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1$5, [ Vue.createElementVNode("img", {
class: Vue.normalizeClass({
error: $setup.isError
}),
src: $setup.img,
crossOrigin: "",
onError: _cache[0] || (_cache[0] = (...args) => $setup.handleError && $setup.handleError(...args)),
onLoad: _cache[1] || (_cache[1] = (...args) => $setup.handleLoad && $setup.handleLoad(...args))
}, null, 42, _hoisted_2$4) ])) : Vue.createCommentVNode("", true);
}
var favicon = _export_sfc(_sfc_main$a, [ [ "render", _sfc_render$a ] ]);
var css$9 = '.as-menu-item.horizontal {\n position: relative;\n padding: 0 16px;\n}\n.as-menu-item.horizontal::after {\n content: "";\n transform: scaleX(0);\n opacity: 0;\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);\n position: absolute;\n right: 0;\n left: 0;\n bottom: 0;\n border-bottom: 2px solid var(--as-primary-color);\n}\n.as-menu-item.horizontal:hover::after {\n transform: scaleX(1);\n opacity: 1;\n}\n\n@media screen and (max-width: 750px) {\n .as-menu-item.horizontal {\n padding: 0 10px;\n }\n}\n.as-menu-item.vertical {\n margin: 5px 0;\n position: relative;\n}\n.as-menu-item.vertical::after {\n content: "";\n transform: scaleY(0);\n opacity: 0;\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n border-right: 2.5px solid var(--as-primary-color);\n}\n.as-menu-item.vertical:hover::after {\n transform: scaleY(1);\n opacity: 1;\n}\n.as-menu-item.vertical .as-menu-item-title {\n margin-right: 6px;\n}\n\n.as-menu-item.no-underline {\n text-decoration: none;\n}\n\n.as-menu-item:visited {\n color: var(--as-primary-text-color);\n}\n\na.as-menu-item {\n height: 30px;\n line-height: 30px;\n list-style: none;\n position: relative;\n color: var(--as-primary-text-color);\n transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n box-sizing: border-box;\n margin: 0;\n white-space: nowrap;\n cursor: pointer;\n font-size: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\na.as-menu-item:hover {\n border-color: var(--as-primary-color);\n}\na.as-menu-item:hover .as-menu-item-icon, a.as-menu-item:hover .as-menu-item-title {\n color: var(--as-primary-color);\n}\n\n.as-menu-item-icon {\n color: var(--as-primary-text-color);\n}\n\n.as-subMenu-container {\n background: #fff;\n border: 1px solid #e4e7ed;\n box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n}\n\n.as-subMenu {\n list-style: none;\n padding: 0;\n min-width: 90px;\n box-sizing: border-box;\n margin: 4px 0;\n}\n.as-subMenu li {\n overflow: hidden;\n box-sizing: border-box;\n}\n.as-subMenu li a {\n display: flex;\n align-items: center;\n height: 34px;\n padding: 0 16px;\n text-decoration: none;\n}\n.as-subMenu li:hover {\n background-color: var(--as-secondary-background-color);\n color: var(--as-primary-color);\n}\n.as-subMenu .as-subMenu-text {\n flex: 1;\n font-size: 14px;\n text-overflow: ellipsis;\n color: var(--as-primary-text-color);\n white-space: nowrap;\n margin: 0;\n line-height: 34px;\n font-weight: normal;\n text-align: left;\n}';
injectStyle(css$9);
const _sfc_main$9 = {
name: "menuItem",
components: {
popper: popper,
icon: icon,
favicon: favicon
},
props: {
item: {
type: Object
},
mode: {
type: String,
default: "horizontal"
}
},
setup(props) {
const isMobileRef = Vue.ref(isMobile());
const currentSite = site;
const classList = Vue.computed(() => props.mode === "horizontal" ? "horizontal" : "vertical");
const placement = Vue.computed(() => props.mode === "horizontal" ? "bottom-start" : "right-start");
const handleMenuShow = (value, item) => {
item.show = value;
};
const defaultKeyword = () => {
let keyword = getKeyword();
const selectors = currentSite.selectors;
const query = currentSite.query;
if (keyword === undefined) {
if (selectors) {
const el = document.querySelector(selectors);
keyword = el ? el.value : "";
} else if (query) {
query.some(name => {
const word = getQueryString(name);
keyword = word;
return !!word;
});
}
}
return keyword;
};
const handleCateClick = (cate, isOpen, disabled) => {
const urlItem = cate.list.filter(item => item.data.visible).find(item => item.url.indexOf(window.location.hostname) === -1);
handleClick(urlItem, isOpen, disabled);
};
const handleClick = (item, isOpen, disabled) => {
const disVal = Vue.unref(disabled);
if (disVal) {
return;
}
const keyword = defaultKeyword();
if (isOpen) {
window.open(item.url.replace("%s", keyword));
} else {
window.location.href = item.url.replace("%s", keyword);
}
};
return {
placement: placement,
classList: classList,
handleMenuShow: handleMenuShow,
handleClick: handleClick,
handleCateClick: handleCateClick,
isMobile: isMobileRef
};
}
};
const _hoisted_1$4 = [ "onMouseenter", "onMouseleave" ];
const _hoisted_2$3 = [ "textContent" ];
const _hoisted_3$3 = {
class: "as-subMenu"
};
const _hoisted_4$2 = [ "onClick", "onMouseup" ];
const _hoisted_5$1 = [ "textContent" ];
function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
const _component_icon = Vue.resolveComponent("icon");
const _component_favicon = Vue.resolveComponent("favicon");
const _component_popper = Vue.resolveComponent("popper");
return Vue.openBlock(), Vue.createBlock(_component_popper, {
placement: $setup.placement,
"popper-class": "as-subMenu-container"
}, {
trigger: Vue.withCtx(({show: show, hide: hide}) => [ Vue.createElementVNode("a", {
class: Vue.normalizeClass([ "as-menu-item no-underline", $setup.classList ]),
onMouseenter: $event => show($event.target),
onMouseleave: hide,
href: "javascript:void 0",
onClick: [ _cache[0] || (_cache[0] = Vue.withModifiers($event => $setup.handleCateClick($props.item, false, $setup.isMobile), [ "exact" ])), _cache[1] || (_cache[1] = Vue.withModifiers($event => $setup.handleCateClick($props.item, true), [ "ctrl", "exact" ])) ],
onMouseup: _cache[2] || (_cache[2] = Vue.withModifiers($event => $setup.handleCateClick($props.item, true), [ "middle", "exact" ]))
}, [ Vue.createVNode(_component_icon, {
name: $props.item.name
}, null, 8, [ "name" ]), Vue.createElementVNode("span", {
class: "as-menu-item-title",
textContent: Vue.toDisplayString($props.item.nameZh)
}, null, 8, _hoisted_2$3) ], 42, _hoisted_1$4) ]),
default: Vue.withCtx(() => [ Vue.createElementVNode("ul", _hoisted_3$3, [ (Vue.openBlock(true),
Vue.createElementBlock(Vue.Fragment, null, Vue.renderList($props.item.list, (child, i) => Vue.withDirectives((Vue.openBlock(),
Vue.createElementBlock("li", {
key: `${$props.item.name}_${i}`
}, [ Vue.createElementVNode("a", {
href: "javascript:void 0",
onClick: [ Vue.withModifiers($event => $setup.handleClick(child), [ "exact" ]), Vue.withModifiers($event => $setup.handleClick(child, true), [ "ctrl", "exact" ]) ],
onMouseup: Vue.withModifiers($event => $setup.handleClick(child, true), [ "middle", "exact" ])
}, [ Vue.createVNode(_component_favicon, {
url: child.url,
icon: child.icon
}, null, 8, [ "url", "icon" ]), Vue.createElementVNode("p", {
class: "as-subMenu-text",
textContent: Vue.toDisplayString(child.nameZh)
}, null, 8, _hoisted_5$1) ], 40, _hoisted_4$2) ])), [ [ Vue.vShow, child.data.visible ] ])), 128)) ]) ]),
_: 1
}, 8, [ "placement" ]);
}
var menuItem = _export_sfc(_sfc_main$9, [ [ "render", _sfc_render$9 ] ]);
const NAME = "align";
const session = getSession(NAME);
const list = new Map([ [ "flex-start", "开始" ], [ "center", "居中" ], [ "flex-end", "末尾" ] ]);
const getVal = val => {
if (list.has(val)) {
return val;
}
return "flex-start";
};
const alignRef = Vue.ref(getVal(session));
const alignList = Vue.reactive(list);
const align = Vue.computed({
get: () => alignRef.value,
set: val => {
alignRef.value = val;
setSession(NAME, getVal(val));
}
});
function useAlign() {
return {
alignList: alignList,
align: align
};
}
var css$8 = ".as-menu-container {\n flex: 1;\n}\n\n.as-menu {\n padding: 0;\n margin: 0;\n white-space: nowrap;\n border: 0;\n box-shadow: none;\n background-color: var(--as-bg-color);\n display: flex;\n}\n\n.as-horizontal-menu {\n flex-direction: row;\n}\n\n.as-vertical-menu {\n flex-direction: column;\n}\n\n.el-scrollbar__bar {\n display: none;\n}";
injectStyle(css$8);
const _sfc_main$8 = {
name: "as-menu",
components: {
scrollbar: scrollbar,
menuItem: menuItem
},
props: {
mode: {
type: String,
default: "horizontal",
validator: val => [ "horizontal", "vertical" ].indexOf(val) > -1
}
},
setup(props) {
const sites = Vue.reactive(initSites("tm"));
const {align: align} = useAlign();
const data = Vue.reactive({
showTimeout: 50,
hideTimeout: 200
});
const menuClass = Vue.computed(() => ({
"as-horizontal-menu": props.mode === "horizontal",
"as-vertical-menu": props.mode === "vertical"
}));
return {
sites: sites,
data: data,
align: align,
menuClass: menuClass
};
}
};
function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
const _component_menu_item = Vue.resolveComponent("menu-item");
const _component_scrollbar = Vue.resolveComponent("scrollbar");
return Vue.openBlock(), Vue.createBlock(_component_scrollbar, {
class: "as-menu-container",
noresize: ""
}, {
default: Vue.withCtx(() => [ Vue.createElementVNode("ul", {
class: Vue.normalizeClass([ "as-menu", $setup.menuClass ]),
style: Vue.normalizeStyle({
justifyContent: $setup.align
})
}, [ (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList($setup.sites, item => (Vue.openBlock(),
Vue.createBlock(_component_menu_item, {
key: item.name,
item: item,
mode: $props.mode
}, null, 8, [ "item", "mode" ]))), 128)) ], 6) ]),
_: 1
});
}
var asMenu = _export_sfc(_sfc_main$8, [ [ "render", _sfc_render$8 ] ]);
const primaryColor = Vue.ref("");
const bgColor = Vue.ref("");
const primaryTextColor = Vue.ref("");
Vue.watch(primaryColor, value => {
setCssValue("primary-color", value);
setSession("primary-color", value);
});
Vue.watch(bgColor, value => {
setCssValue("bg-color", value);
setSession("bg-color", value);
});
Vue.watch(primaryTextColor, value => {
setCssValue("primary-text-color", value);
setSession("primary-text-color", value);
});
const getCssValue = name => {
const el = document.getElementById("all-search");
return getComputedStyle(el).getPropertyValue(`--as-${name}`).trim();
};
const setCssValue = (name, value) => {
const el = document.getElementById("all-search");
el.style.setProperty(`--as-${name}`, value);
};
const map = {
"primary-color": primaryColor,
"bg-color": bgColor,
"primary-text-color": primaryTextColor
};
const initColor = (name, defaultValue) => {
const colorDefault = getCssValue(name) || defaultValue;
const session = getSession(name) || colorDefault;
const colorVal = map[name];
colorVal.value = session;
};
function useColor() {
Vue.onMounted(() => {
initColor("primary-color", "#1890ff");
initColor("bg-color", "#ffffff");
initColor("primary-text-color", "#606266");
});
return {
primaryColor: primaryColor,
bgColor: bgColor,
primaryTextColor: primaryTextColor
};
}
var css$7 = ".as-overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 999991;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n overflow: auto;\n}";
injectStyle(css$7);
const _sfc_main$7 = {
name: "overlay",
setup(props, {emit: emit}) {
let mouseDownTarget = false;
let mouseUpTarget = false;
const onMaskClick = e => {
if (mouseDownTarget && mouseUpTarget) {
emit("click", e);
}
mouseDownTarget = mouseUpTarget = false;
};
const onMouseDown = e => {
mouseDownTarget = e.target === e.currentTarget;
};
const onMouseUp = e => {
mouseUpTarget = e.target === e.currentTarget;
};
return {
onMouseDown: onMouseDown,
onMouseUp: onMouseUp,
onMaskClick: onMaskClick
};
}
};
function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
return Vue.openBlock(), Vue.createElementBlock("div", {
class: "as-overlay",
onMousedown: _cache[0] || (_cache[0] = (...args) => $setup.onMouseDown && $setup.onMouseDown(...args)),
onMouseup: _cache[1] || (_cache[1] = (...args) => $setup.onMouseUp && $setup.onMouseUp(...args)),
onClick: _cache[2] || (_cache[2] = (...args) => $setup.onMaskClick && $setup.onMaskClick(...args))
}, [ Vue.renderSlot(_ctx.$slots, "default") ], 32);
}
var overlay = _export_sfc(_sfc_main$7, [ [ "render", _sfc_render$7 ] ]);
var css$6 = '/* radio */\nlabel.as-radio {\n color: var(--as-primary-text-color);\n font-weight: 500;\n line-height: 1;\n position: relative;\n cursor: pointer;\n display: inline-block;\n white-space: nowrap;\n outline: none;\n font-size: 14px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\nlabel.as-radio + label.as-radio {\n margin-left: 14px;\n}\nlabel.as-radio input {\n position: absolute;\n opacity: 0;\n visibility: hidden;\n}\nlabel.as-radio .as-radio-icon {\n display: inline-block;\n position: relative;\n width: 12px;\n height: 12px;\n background: var(--as-bg-color);\n border: 1px solid #979797;\n border-radius: 50%;\n vertical-align: -2px;\n}\nlabel.as-radio input:checked + .as-radio-icon:after {\n position: absolute;\n content: "";\n width: 6px;\n height: 6px;\n background-color: var(--as-bg-color);\n border-radius: 50%;\n top: 3px;\n left: 3px;\n}\nlabel.as-radio input:checked + .as-radio-icon {\n background: var(--as-primary-color);\n border: 1px solid var(--as-primary-color);\n}\nlabel.as-radio input:disabled + .as-radio-icon {\n background-color: #e8e8e8;\n border: solid 1px #979797;\n}\nlabel.as-radio input:disabled:checked + .as-radio-icon:after {\n background-color: #c1c1c1;\n}\nlabel.as-radio.as-radio-animate .as-radio-icon {\n transition: background-color ease-out 0.3s;\n}\nlabel.as-radio .as-radio-label {\n margin-left: 6px;\n font-size: 14px;\n}';
injectStyle(css$6);
const _sfc_main$6 = {
name: "as-radio",
props: {
modelValue: {
type: [ String, Number ]
},
label: {
type: [ String, Number ],
default: ""
}
},
setup(props, ctx) {
const model = Vue.computed({
get() {
return props.modelValue;
},
set(value) {
ctx.emit("update:modelValue", value);
}
});
return {
model: model
};
}
};
const _hoisted_1$3 = {
class: "as-radio as-radio-animate"
};
const _hoisted_2$2 = [ "value" ];
const _hoisted_3$2 = Vue.createElementVNode("i", {
class: "as-radio-icon"
}, null, -1);
const _hoisted_4$1 = {
class: "as-radio-label"
};
function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
return Vue.openBlock(), Vue.createElementBlock("label", _hoisted_1$3, [ Vue.withDirectives(Vue.createElementVNode("input", {
type: "radio",
value: $props.label,
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $setup.model = $event)
}, null, 8, _hoisted_2$2), [ [ Vue.vModelRadio, $setup.model ] ]), _hoisted_3$2, Vue.createElementVNode("span", _hoisted_4$1, [ Vue.renderSlot(_ctx.$slots, "default") ]) ]);
}
var radio = _export_sfc(_sfc_main$6, [ [ "render", _sfc_render$6 ] ]);
var css$5 = ".as-label {\n vertical-align: middle;\n float: left;\n font-size: 14px;\n color: var(--as-primary-text-color);\n line-height: 40px;\n padding: 0 12px 0 0;\n box-sizing: border-box;\n}\n\n.as-content {\n line-height: 40px;\n position: relative;\n font-size: 14px;\n}";
injectStyle(css$5);
const _sfc_main$5 = {
name: "form-item",
props: {
labelWidth: {
type: [ String, Number ],
default: 80
},
label: {
type: [ String, Number ],
default: ""
}
},
setup(props) {
const labelStyle = Vue.computed(() => ({
width: `${props.labelWidth}px`
}));
const contentStyle = Vue.computed(() => ({
marginLeft: `${props.labelWidth}px`
}));
return {
labelStyle: labelStyle,
contentStyle: contentStyle
};
}
};
const _hoisted_1$2 = [ "textContent" ];
function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
return Vue.openBlock(), Vue.createElementBlock("div", null, [ Vue.createElementVNode("label", {
class: "as-label",
style: Vue.normalizeStyle($setup.labelStyle),
textContent: Vue.toDisplayString($props.label)
}, null, 12, _hoisted_1$2), Vue.createElementVNode("div", {
class: "as-content",
style: Vue.normalizeStyle($setup.contentStyle)
}, [ Vue.renderSlot(_ctx.$slots, "default") ], 4) ]);
}
var formItem = _export_sfc(_sfc_main$5, [ [ "render", _sfc_render$5 ] ]);
var css$4 = ".as-button {\n display: inline-block;\n line-height: 1;\n white-space: nowrap;\n cursor: pointer;\n background: #fff;\n border: 1px solid #dcdfe6;\n color: var(--as-primary-text-color);\n text-align: center;\n box-sizing: border-box;\n outline: none;\n margin: 0;\n transition: 0.1s;\n font-weight: 500;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 12px 20px;\n font-size: 14px;\n border-radius: 4px;\n}\n\n.as-button.as-button__text {\n border-color: transparent;\n color: var(--as-primary-color);\n background: transparent;\n padding-left: 0;\n padding-right: 0;\n}\n\n.as-button.as-button__primary {\n color: #fff;\n background-color: var(--as-primary-color);\n border-color: var(--as-primary-color);\n}";
injectStyle(css$4);
const _sfc_main$4 = {
name: "xButton",
props: {
type: {
type: String,
default: "primary"
}
}
};
function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
return Vue.openBlock(), Vue.createElementBlock("button", {
class: Vue.normalizeClass([ "as-button", `as-button__${$props.type}` ])
}, [ Vue.renderSlot(_ctx.$slots, "default") ], 2);
}
var button = _export_sfc(_sfc_main$4, [ [ "render", _sfc_render$4 ] ]);
var css$3 = '@charset "UTF-8";\n.as-color-set .as-color-label {\n line-height: 1;\n position: relative;\n cursor: pointer;\n display: inline-block;\n white-space: nowrap;\n outline: none;\n vertical-align: middle;\n}\n.as-color-set .input—color {\n width: 30px;\n height: 30px;\n padding: 4px;\n border: 1px solid #e6e6e6;\n border-radius: 4px;\n background-color: var(--as-secondary-background-color);\n box-sizing: border-box;\n}\n.as-color-set .input—color::-webkit-color-swatch {\n border: 0;\n}\n.as-color-set .input—color::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n.as-color-set .reset-btn {\n margin-left: 20px;\n}';
injectStyle(css$3);
const _sfc_main$3 = {
name: "color",
components: {
asButton: button
},
props: {
modelValue: {
type: [ String, Number ]
},
defaultValue: {
type: [ String, Number ]
}
},
setup(props, ctx) {
const model = Vue.computed({
get() {
return props.modelValue;
},
set(value) {
ctx.emit("update:modelValue", value);
}
});
const reset = () => {
model.value = props.defaultValue;
};
return {
model: model,
reset: reset
};
}
};
const _hoisted_1$1 = {
class: "as-color-set"
};
const _hoisted_2$1 = {
class: "as-color-label"
};
const _hoisted_3$1 = Vue.createTextVNode(" 重置 ");
function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
const _component_asButton = Vue.resolveComponent("asButton");
return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1$1, [ Vue.createElementVNode("label", _hoisted_2$1, [ Vue.withDirectives(Vue.createElementVNode("input", {
class: "input—color",
type: "color",
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $setup.model = $event)
}, null, 512), [ [ Vue.vModelText, $setup.model ] ]) ]), Vue.createVNode(_component_asButton, {
class: "reset-btn",
type: "text",
onClick: $setup.reset
}, {
default: Vue.withCtx(() => [ _hoisted_3$1 ]),
_: 1
}, 8, [ "onClick" ]) ]);
}
var color = _export_sfc(_sfc_main$3, [ [ "render", _sfc_render$3 ] ]);
var css$2 = ".as-setting {\n position: relative;\n}\n.as-setting.horizontal {\n box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.12);\n display: flex;\n}\n\n.as-setting-btn {\n line-height: 30px;\n padding: 0 14px;\n position: relative;\n margin: 0;\n white-space: nowrap;\n cursor: pointer;\n font-size: 14px;\n color: var(--as-primary-text-color);\n text-align: center;\n}\n.as-setting-btn:hover {\n color: var(--as-primary-color);\n background-color: rgba(0, 0, 0, 0.04);\n}\n\n.as-side-bar {\n width: 20vw;\n min-width: 300px;\n right: 0;\n height: 100%;\n top: 0;\n bottom: 0;\n position: absolute;\n box-sizing: border-box;\n background-color: var(--as-bg-color);\n display: flex;\n flex-direction: column;\n box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);\n overflow: hidden;\n}\n.as-side-bar > header {\n font-size: 16px;\n align-items: center;\n color: var(--as-primary-text-color);\n display: flex;\n margin-bottom: 32px;\n padding: 20px 24px 0;\n}\n.as-side-bar > section {\n padding: 10px 24px;\n height: 100%;\n flex: 1;\n}\n.as-side-bar > footer {\n padding: 10px 24px 30px;\n}\n.as-side-bar > footer .link {\n font-size: 14px;\n text-decoration: none;\n}\n.as-side-bar > footer .link:visited {\n color: var(--as-primary-text-color);\n}\n.as-side-bar > footer .link + .link {\n margin-left: 20px;\n}\n\n.overlay-enter-active, .overlay-leave-active {\n transition: opacity 0.3s;\n}\n\n.overlay-enter-from, .overlay-leave-to {\n opacity: 0;\n}\n\n.overlay-enter-active .as-side-bar {\n animation: rtl-drawer-animation 0.3s linear reverse;\n}\n\n.overlay-leave-active .as-side-bar {\n -webkit-animation: rtl-drawer-animation 0.3s linear;\n animation: rtl-drawer-animation 0.3s linear;\n}\n\n@-webkit-keyframes rtl-drawer-animation {\n 0% {\n transform: translate(0);\n }\n to {\n transform: translate(100%);\n }\n}\n\n@keyframes rtl-drawer-animation {\n 0% {\n transform: translate(0);\n }\n to {\n transform: translate(100%);\n }\n}";
injectStyle(css$2);
const _sfc_main$2 = {
name: "side-bar",
components: {
overlay: overlay,
asRadio: radio,
formItem: formItem,
color: color,
asButton: button
},
setup() {
const visible = Vue.ref(false);
const open = () => {
visible.value = true;
};
const onMaskClick = () => {
visible.value = false;
};
const {mode: mode} = useMode();
const {alignList: alignList, align: align} = useAlign();
const {primaryColor: primaryColor, bgColor: bgColor, primaryTextColor: primaryTextColor} = useColor();
const {show: show, options: options, scrollHide: scrollHide} = useSwitchShow();
const {favicon: favicon} = useFavicon();
const clearIconCache = function() {
if (window.confirm("确认要清除图标的缓存吗")) {
setSession("iconCache", {});
}
};
return {
mode: mode,
visible: visible,
open: open,
onMaskClick: onMaskClick,
alignList: alignList,
align: align,
favicon: favicon,
primaryColor: primaryColor,
bgColor: bgColor,
primaryTextColor: primaryTextColor,
show: show,
options: options,
scrollHide: scrollHide,
clearIconCache: clearIconCache
};
}
};
const _hoisted_1 = Vue.createElementVNode("header", {
class: "header"
}, " 设置 ", -1);
const _hoisted_2 = Vue.createTextVNode("横向 ");
const _hoisted_3 = Vue.createTextVNode("竖向 ");
const _hoisted_4 = Vue.createTextVNode("显示 ");
const _hoisted_5 = Vue.createTextVNode("隐藏 ");
const _hoisted_6 = Vue.createTextVNode(" 清除 ");
const _hoisted_7 = Vue.createElementVNode("footer", null, [ Vue.createElementVNode("a", {
class: "link",
title: "all-search",
href: "https://endday.github.io/all-search/",
target: "_blank"
}, " 设置页 "), Vue.createElementVNode("a", {
class: "link",
title: "github",
href: "https://github.com/endday/all-search/issues",
target: "_blank"
}, " 意见反馈 ") ], -1);
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
const _component_as_radio = Vue.resolveComponent("as-radio");
const _component_form_item = Vue.resolveComponent("form-item");
const _component_color = Vue.resolveComponent("color");
const _component_as_button = Vue.resolveComponent("as-button");
const _component_overlay = Vue.resolveComponent("overlay");
return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [ Vue.createElementVNode("div", {
class: Vue.normalizeClass([ "as-setting", $setup.mode ])
}, [ Vue.createElementVNode("div", {
class: "as-setting-btn",
onClick: _cache[0] || (_cache[0] = $event => $setup.show = false)
}, " 收起 "), Vue.createElementVNode("div", {
class: "as-setting-btn",
onClick: _cache[1] || (_cache[1] = (...args) => $setup.open && $setup.open(...args))
}, " 设置 ") ], 2), (Vue.openBlock(), Vue.createBlock(Vue.Teleport, {
to: "#all-search"
}, [ Vue.createVNode(Vue.Transition, {
name: "overlay",
appear: ""
}, {
default: Vue.withCtx(() => [ Vue.withDirectives(Vue.createVNode(_component_overlay, {
onClick: $setup.onMaskClick
}, {
default: Vue.withCtx(() => [ Vue.createVNode(Vue.Transition, {
name: "drawer",
appear: ""
}, {
default: Vue.withCtx(() => [ Vue.withDirectives(Vue.createElementVNode("div", {
"aria-modal": "true",
role: "dialog",
class: "as-side-bar",
onClick: _cache[11] || (_cache[11] = Vue.withModifiers(() => {}, [ "stop" ]))
}, [ _hoisted_1, Vue.createElementVNode("section", null, [ Vue.createVNode(_component_form_item, {
label: "方向"
}, {
default: Vue.withCtx(() => [ Vue.createVNode(_component_as_radio, {
label: "horizontal",
modelValue: $setup.mode,
"onUpdate:modelValue": _cache[2] || (_cache[2] = $event => $setup.mode = $event)
}, {
default: Vue.withCtx(() => [ _hoisted_2 ]),
_: 1
}, 8, [ "modelValue" ]), Vue.createVNode(_component_as_radio, {
label: "vertical",
modelValue: $setup.mode,
"onUpdate:modelValue": _cache[3] || (_cache[3] = $event => $setup.mode = $event)
}, {
default: Vue.withCtx(() => [ _hoisted_3 ]),
_: 1
}, 8, [ "modelValue" ]) ]),
_: 1
}), Vue.createVNode(_component_form_item, {
label: "对齐"
}, {
default: Vue.withCtx(() => [ (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList($setup.alignList, ([key, value]) => (Vue.openBlock(),
Vue.createBlock(_component_as_radio, {
key: key,
label: key,
modelValue: $setup.align,
"onUpdate:modelValue": _cache[4] || (_cache[4] = $event => $setup.align = $event)
}, {
default: Vue.withCtx(() => [ Vue.createTextVNode(Vue.toDisplayString(value), 1) ]),
_: 2
}, 1032, [ "label", "modelValue" ]))), 128)) ]),
_: 1
}), Vue.createVNode(_component_form_item, {
label: "滚动隐藏"
}, {
default: Vue.withCtx(() => [ (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList($setup.options, ([key, value]) => (Vue.openBlock(),
Vue.createBlock(_component_as_radio, {
key: key,
label: key,
modelValue: $setup.scrollHide,
"onUpdate:modelValue": _cache[5] || (_cache[5] = $event => $setup.scrollHide = $event)
}, {
default: Vue.withCtx(() => [ Vue.createTextVNode(Vue.toDisplayString(value), 1) ]),
_: 2
}, 1032, [ "label", "modelValue" ]))), 128)) ]),
_: 1
}), Vue.createVNode(_component_form_item, {
label: "图标"
}, {
default: Vue.withCtx(() => [ Vue.createVNode(_component_as_radio, {
label: 1,
modelValue: $setup.favicon,
"onUpdate:modelValue": _cache[6] || (_cache[6] = $event => $setup.favicon = $event)
}, {
default: Vue.withCtx(() => [ _hoisted_4 ]),
_: 1
}, 8, [ "modelValue" ]), Vue.createVNode(_component_as_radio, {
label: 2,
modelValue: $setup.favicon,
"onUpdate:modelValue": _cache[7] || (_cache[7] = $event => $setup.favicon = $event)
}, {
default: Vue.withCtx(() => [ _hoisted_5 ]),
_: 1
}, 8, [ "modelValue" ]) ]),
_: 1
}), Vue.createVNode(_component_form_item, {
label: "主题色"
}, {
default: Vue.withCtx(() => [ Vue.createVNode(_component_color, {
"default-value": "#1890ff",
modelValue: $setup.primaryColor,
"onUpdate:modelValue": _cache[8] || (_cache[8] = $event => $setup.primaryColor = $event)
}, null, 8, [ "modelValue" ]) ]),
_: 1
}), Vue.createVNode(_component_form_item, {
label: "背景色"
}, {
default: Vue.withCtx(() => [ Vue.createVNode(_component_color, {
"default-value": "#ffffff",
modelValue: $setup.bgColor,
"onUpdate:modelValue": _cache[9] || (_cache[9] = $event => $setup.bgColor = $event)
}, null, 8, [ "modelValue" ]) ]),
_: 1
}), Vue.createVNode(_component_form_item, {
label: "文字色"
}, {
default: Vue.withCtx(() => [ Vue.createVNode(_component_color, {
"default-value": "#606266",
modelValue: $setup.primaryTextColor,
"onUpdate:modelValue": _cache[10] || (_cache[10] = $event => $setup.primaryTextColor = $event)
}, null, 8, [ "modelValue" ]) ]),
_: 1
}), Vue.createVNode(_component_form_item, {
label: "图标缓存"
}, {
default: Vue.withCtx(() => [ Vue.createVNode(_component_as_button, {
type: "text",
onClick: $setup.clearIconCache
}, {
default: Vue.withCtx(() => [ _hoisted_6 ]),
_: 1
}, 8, [ "onClick" ]) ]),
_: 1
}) ]), _hoisted_7 ], 512), [ [ Vue.vShow, $setup.visible ] ]) ]),
_: 1
}) ]),
_: 1
}, 8, [ "onClick" ]), [ [ Vue.vShow, $setup.visible ] ]) ]),
_: 1
}) ])) ], 64);
}
var sideBar = _export_sfc(_sfc_main$2, [ [ "render", _sfc_render$2 ] ]);
function throttle(fn, delay) {
let canRun = true;
return function() {
if (!canRun) return;
canRun = false;
setTimeout(() => {
fn.apply(this, arguments);
canRun = true;
}, delay);
};
}
const y = Vue.ref(0);
const direction = Vue.ref(0);
function useScroll() {
const scrollHandler = throttle((function(e) {
const eventTarget = e.target === document ? e.target.documentElement : e.target;
const scrollTop = eventTarget.scrollTop;
if (scrollTop < y.value) {
direction.value = "top";
} else if (scrollTop > y.value) {
direction.value = "bottom";
} else {
direction.value = "mid";
}
y.value = scrollTop;
}), 50);
if (window) {
window.addEventListener("scroll", scrollHandler);
}
return {
y: y,
direction: direction
};
}
var css$1 = "\n.as-hover-btn[data-v-ad24c1fe] {\n position: fixed;\n z-index: 99999;\n font-weight: 600;\n font-size: 17px;\n color: var(--as-primary-color);\n background: #fff;\n box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);\n border: 1px var(--as-border-color) solid;\n opacity: 0.6;\n cursor: pointer;\n}\n.as-hover-btn-horizontal[data-v-ad24c1fe] {\n top: 0;\n left: 50%;\n transform: translateY(0) translateX(-50%);\n padding: 0 16px;\n height: 28px;\n line-height: 28px;\n}\n.as-hover-btn-vertical[data-v-ad24c1fe] {\n left: 0;\n top: 50%;\n transform: translateY(-200%) translateX(0) rotate(90deg);\n transform-origin: 0 100%;\n padding: 0 16px;\n height: 28px;\n line-height: 28px;\n}\n.hover-btn.as-hide[data-v-ad24c1fe] {\n transition: transform 0.2s;\n transform: translateY(-100%) translateX(-50%);\n}\n";
injectStyle(css$1);
const _sfc_main$1 = {
name: "hover-btn",
setup() {
let {show: show, scrollHide: scrollHide} = useSwitchShow();
const isMobileVal = isMobile();
const handleMouseEnter = () => {
if (!isMobileVal) {
show.value = true;
}
};
const handleClick = () => {
if (isMobileVal) {
show.value = true;
}
};
const {direction: direction} = useScroll();
Vue.watch(direction, value => {
if (show.value && scrollHide.value && (value === scrollHide.value || scrollHide.value === "all")) {
show.value = false;
}
});
const {mode: mode} = useMode();
const className = Vue.computed(() => ({
"as-hide": !show.value,
[`as-hover-btn-${mode.value}`]: true
}));
return {
handleMouseEnter: handleMouseEnter,
handleClick: handleClick,
className: className
};
}
};
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
return Vue.openBlock(), Vue.createElementBlock("div", {
class: Vue.normalizeClass([ "as-hover-btn", $setup.className ]),
onMouseenter: _cache[0] || (_cache[0] = (...args) => $setup.handleMouseEnter && $setup.handleMouseEnter(...args)),
onClick: _cache[1] || (_cache[1] = (...args) => $setup.handleClick && $setup.handleClick(...args))
}, " All Search ", 34);
}
var hoverBtn = _export_sfc(_sfc_main$1, [ [ "render", _sfc_render$1 ], [ "__scopeId", "data-v-ad24c1fe" ] ]);
var css = '.body-horizontal + body {\n margin-top: 30px !important;\n}\n.body-horizontal + body [data-as-margin-top] {\n margin-top: 30px !important;\n}\n.body-horizontal + body [data-as-transform] {\n transform: translateY(30px);\n}\n.body-horizontal + body [data-as-border-top] {\n border-top: rgba(0, 0, 0, 0) 30px solid;\n box-sizing: content-box;\n}\n\n.body-vertical + body {\n margin-left: 90px !important;\n}\n\nbody, #all-search {\n --as-horizontal-height: $height;\n --as-primary-color: #1890ff;\n --as-bg-color: #ffffff;\n --as-primary-text-color: #606266;\n --as-secondary-background-color: #f5f7fa;\n --as-border-color: #e8e8e8;\n}\n\n#all-search {\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n}\n\n/*@media (prefers-color-scheme: dark) {\n #all-search {\n --as-primary-color: #3d9be9;\n --as-bg-color: #212121;\n --as-primary-text-color: #e0e0e0;\n --as-secondary-background-color: #444;\n --as-border-color: #212121;\n }\n}*/\n.as-horizontal {\n height: 30px;\n width: 100%;\n top: 0;\n border-bottom: 1px var(--as-border-color) solid;\n flex-direction: row;\n transition: transform 0.1s;\n}\n.as-horizontal.as-hide {\n transform: translateY(-100%);\n}\n.as-horizontal.as-show {\n transform: translateY(0);\n}\n\n.as-vertical {\n height: 100%;\n width: 90px;\n top: 0;\n left: 0;\n border-right: 1px var(--as-border-color) solid;\n flex-direction: column;\n transition: transform 0.1s;\n}\n.as-vertical.as-hide {\n transform: translateX(-100%);\n}\n.as-vertical.as-show {\n transform: translateX(0);\n}\n\n.as-container {\n opacity: 1 !important;\n position: fixed;\n display: flex;\n background-color: var(--as-bg-color);\n z-index: 999990;\n}';
injectStyle(css);
const _sfc_main = {
name: "all-search",
components: {
logo: logo,
asMenu: asMenu,
sideBar: sideBar,
hoverBtn: hoverBtn
},
setup() {
const {isFullScreen: isFullScreen} = useFullScreen();
const {mode: mode} = useMode();
const {show: show} = useSwitchShow();
const classList = Vue.computed(() => [ `as-${mode.value}`, show.value ? "as-show" : "as-hide" ]);
const visible = Vue.computed(() => !site.invisible && !Vue.unref(isFullScreen));
Vue.watch([ mode, () => site, show ], ([newMode, site, newShow]) => {
const remove = site.invisible || site.disabled || !newShow;
changeBodyStyle(newMode, remove);
}, {
immediate: true,
deep: true
});
let isInit = false;
function init(site) {
if (isInit || site.disabled) {
return;
}
passTmMethods();
protectStyle();
iconfont();
initSpecialStyle();
isInit = true;
}
Vue.watch(site, newSite => {
init(newSite);
}, {
immediate: true
});
return {
disabled: site.disabled,
mode: mode,
classList: classList,
visible: visible
};
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_logo = Vue.resolveComponent("logo");
const _component_as_menu = Vue.resolveComponent("as-menu");
const _component_side_bar = Vue.resolveComponent("side-bar");
const _component_hoverBtn = Vue.resolveComponent("hoverBtn");
return !$setup.disabled ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, {
key: 0
}, [ Vue.withDirectives(Vue.createElementVNode("div", {
style: {
opacity: "0"
},
class: Vue.normalizeClass([ "as-container", $setup.classList ])
}, [ Vue.createVNode(_component_logo, {
mode: $setup.mode
}, null, 8, [ "mode" ]), Vue.createVNode(_component_as_menu, {
mode: $setup.mode
}, null, 8, [ "mode" ]), Vue.createVNode(_component_side_bar) ], 2), [ [ Vue.vShow, $setup.visible ] ]), Vue.withDirectives(Vue.createVNode(_component_hoverBtn, null, null, 512), [ [ Vue.vShow, $setup.visible ] ]) ], 64)) : Vue.createCommentVNode("", true);
}
var index = _export_sfc(_sfc_main, [ [ "render", _sfc_render ] ]);
const el = getAsRoot();
if (!el) {
const app = Vue.createApp(index);
const el = createAsRoot();
const mountEL = document.documentElement.insertBefore(el, document.body);
app.mount(mountEL);
}
})();